:root{font-family: "Pretendard", "Noto Sans KR", "Malgun Gothic", Arial, sans-serif;color:#16233b;background:#edf2f8;font-size:13px}
*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}button,select,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #4d83ed;outline-offset:2px}
#namo-photosheet{height:100dvh;min-height:0;display:flex;flex-direction:column;--blue:#2867ed;--text:#15243c;--line:#dae2ec;--muted:#6b7d96;font-family:inherit}
#namo-photosheet *{box-sizing:border-box}
.tbar{height:66px;flex:none;background:#fff;border-bottom:1px solid #d8e1ed;display:flex;align-items:center;gap:8px;padding:0 13px;box-shadow:0 2px 5px #2a405408;position:relative;z-index:2}
.tbrand{display:flex;align-items:center;gap:9px;margin-right:10px;white-space:nowrap}
.logoicon{border-radius:9px;width:39px;height:39px;display:grid;place-items:center;background:#2465e6;color:white;font-size:19px;font-weight:900}
.tbrand strong{display:block;font-weight:900;font-size:13px}.tbrand small{display:block;font-size:9px;letter-spacing:.8px;color:#8292ab;margin-top:2px}
.sep{height:26px;width:1px;background:#dce4ed;margin:0 3px;flex:none}
.action-btn{border:1px solid #d5dfec;color:#243850;background:#fff;white-space:nowrap;height:36px;border-radius:8px;padding:0 11px;font-weight:750;font-size:12px;display:flex;align-items:center;gap:7px;justify-content:center}
.action-btn:hover{background:#f4f8ff;border-color:#b5caec}
.action-btn.primary{color:white;border-color:#2562df;background:#2968eb;box-shadow:0 3px 9px #2762db2a}
.action-btn.primary:hover{background:#1756d0}.btn-icon{font-size:15px;line-height:1}.select-mini{padding:0 8px;min-width:73px;height:36px;background:#fff;border:1px solid #d5dfec;border-radius:8px;font-size:12px;font-weight:700;color:#253b58}
.grow{flex:1;min-width:0}.hint-status{white-space:nowrap;max-width:160px;overflow:hidden;text-overflow:ellipsis;color:#61748b;font-size:11px}
.editor{flex:1;display:grid;grid-template-columns:298px minmax(0,1fr) 330px;overflow:hidden;min-height:0}
.leftpanel{min-width:0;background:#fff;border-right:1px solid #dce4ef;display:flex;flex-direction:column;min-height:0}
.left-heading{padding:17px 15px 10px;font-weight:900;display:flex;justify-content:space-between;align-items:center;gap:4px;font-size:15px}.left-heading small{color:#7890a9;font-size:10px;font-weight:650}
.tabs{display:flex;padding:0 12px 12px;gap:5px;border-bottom:1px solid #e3eaf3}
.tabs button{flex:1;min-width:0;font-size:11px;font-weight:800;padding:9px 2px;border-radius:7px;background:#f5f7fa;color:#63758d;border:1px solid #e4eaf2}
.tabs button.active{background:#eaf1ff;color:#225ed1;border-color:#a9c5fa}
.tabpanel{overflow-y:auto;overflow-x:hidden;padding:14px 12px 30px;min-height:0;flex:1}.tabpanel[hidden]{display:none!important}
.ns-small{font-size:11px;color:#8492a7;line-height:1.55}.tiny-head{color:#62758c;font-size:11px;margin:1px 3px 12px;line-height:1.7}
.page-chip{display:flex;align-items:center;width:100%;gap:12px;padding:9px 10px;margin-bottom:10px;border:1px solid #e1e8f1;background:#fff;border-radius:10px;text-align:left;color:#425671;font-weight:800;font-size:12px}
.page-chip:hover{background:#f7faff}.page-chip.selected{border-color:#7fa6f7;background:#edf4ff;box-shadow:0 0 0 1px #c8d9fc inset;color:#2057c5}
.page-chip>span small{display:block;color:#8697ae;font-size:10px;font-weight:600;margin-top:4px}
.mini-paper{width:64px;height:87px;padding:7px 5px 6px;background:#fff;box-shadow:0 2px 7px #263f561a;flex:none;border:1px solid #dde4ea;display:flex;flex-direction:column;gap:4px}
.mini-head{height:6px;background:#8798ad;flex:none}.mini-foot{height:3px;background:#cad4df;flex:none}.mini-grid{flex:1;min-height:0;display:grid;gap:3px}
.mini-grid.mini-2{grid-template:repeat(2,1fr)/1fr}.mini-grid.mini-4{grid-template:repeat(2,1fr)/repeat(2,1fr)}.mini-grid.mini-6{grid-template:repeat(3,1fr)/repeat(2,1fr)}
.mini-grid img,.mini-empty{min-height:0;min-width:0;width:100%;height:100%;object-fit:cover;background:#f0f3f8;border:1px solid #dce2e9}
.sidebar-action{display:block;width:100%;padding:11px 9px;margin-top:11px;border:1px dashed #bad0ef;border-radius:9px;background:#f7faff;color:#2c64c8;font-size:12px;font-weight:800}
.ns-drop{background:#f5f9ff;border:1.5px dashed #c3d6f1;border-radius:12px;padding:19px 11px;min-height:120px;display:flex;align-items:center;justify-content:center;gap:7px;flex-direction:column;cursor:pointer;margin-bottom:12px;text-align:center;color:#50688b}
.ns-drop.ns-drag{background:#eaf2ff;border-color:#306be3}.ns-drop strong{font-size:12px;color:#1e4eaa}.ns-drop small{font-size:10px;color:#8b9db4}.ns-drop-icon{font-size:17px;color:#2563eb}
.ns-list{display:flex;flex-direction:column;gap:10px}.ns-list-empty{font-size:12px;color:#91a0b5;line-height:1.7;text-align:center;padding:20px 7px}
.ns-item{position:relative;border:1px solid #e0e7f1;border-radius:10px;background:#f9fbff;display:flex;gap:9px;padding:8px;min-width:0}
.ns-item.flash-photo{outline:2px solid #3d83fc;background:#eff6ff}
.ns-item.selected-photo{border-color:#4d86f0;background:#eef5ff;box-shadow:inset 0 0 0 1px #b2ccfc}
.ns-photo-jump{appearance:none;border:0;background:transparent;padding:0;display:flex;flex-direction:column;align-items:center;gap:5px;flex:none;border-radius:5px;cursor:pointer;align-self:flex-start}
.ns-photo-jump:hover .ns-thumb{box-shadow:0 0 0 2px #5a8be9}
.ns-photo-jump:focus-visible{outline:3px solid #2469db;outline-offset:3px}
.ns-thumb-page{display:block;font-size:10px;font-weight:800;line-height:1.35;color:#285da9;background:#eaf2ff;border:1px solid #cdddff;border-radius:5px;padding:2px 4px;white-space:nowrap;min-width:54px;text-align:center}
.ns-item.selected-photo .ns-thumb-page{background:#2b6de0;color:#fff;border-color:#2b6de0}
#namo-photosheet .ns-pages .ns-photo-target{outline:3px solid #2d73e0;outline-offset:-3px;box-shadow:inset 0 0 0 2px #fff;z-index:1;position:relative}.ns-thumb{width:54px;height:74px;object-fit:cover;border-radius:5px;flex:none}.ns-item-right{flex:1;min-width:0}.ns-item-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;gap:5px}.ns-item-title strong{font-size:11px}.ns-item-title small{font-size:9px;color:#90a2b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:80px}
.ns-item-row{display:flex;flex-direction:column;gap:5px}.ns-item-row select,.ns-item-row input{width:100%;height:28px;font-size:11px;border:1px solid #d6e0ed;padding:0 7px;border-radius:6px;min-width:0;background:#fff}.ns-item-actions{display:flex;justify-content:flex-end;gap:4px;margin-top:4px}.ns-item-actions button{padding:3px 9px;border:1px solid #dbe4ef;background:#fff;border-radius:5px;color:#637994;font-size:12px}
.info-row{display:flex;flex-direction:column;margin-bottom:13px;gap:6px}.info-row label{font-size:11px;font-weight:850;color:#51657d}.info-row input,.info-row textarea{border:1px solid #d8e2ed;border-radius:8px;background:#fff;width:100%;padding:10px;color:#1d3553;font-size:12px}.info-row input{height:37px}.info-row textarea{height:88px;resize:vertical}.ns-logo-view{height:78px;background:#f7f9fd;border:1px dashed #c9d7e8;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#859ab2;font-size:12px;font-weight:900}.ns-logo-view img{max-height:100%;max-width:100%;object-fit:contain}
.small-btn{padding:8px 10px;border:1px solid #dbe3ee;background:#f9fbfe;color:#44617f;border-radius:7px;font-weight:750;font-size:11px}.ns-logo-actions{display:flex;gap:7px;flex-wrap:wrap;margin:9px 0 0}.ns-linkbutton,.ns-outline{padding:7px 9px;border:1px solid #dae3ee;background:#fff;color:#42618b;border-radius:7px;font-weight:750;font-size:11px}
.preview{background:#eaf0f7;display:flex;flex-direction:column;min-width:0;overflow:hidden}
.preview-head{height:51px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #dce3ef;background:#f9fbfd;padding:0 18px}
.preview-title{font-size:12px;font-weight:900;white-space:nowrap}.pre-info{font-size:11px;color:#7c8da4}.preview-actions{display:flex;align-items:center;gap:6px}.circle-nav{width:28px;height:28px;border:1px solid #d6dfeb;background:#fff;border-radius:7px;color:#36587f}.page-pill{font-size:11px;font-weight:800;color:#536b88;min-width:48px;text-align:center}
.preview-scroll{flex:1;overflow:auto;min-height:0;min-width:0;padding:10px 14px 12px;scrollbar-gutter:stable}
.ns-pages[hidden]{display:none!important}.ns-pages{display:flex;align-items:center;flex-direction:column;gap:0;min-width:0}.ns-scale-shell{flex:none;position:relative;filter:drop-shadow(0 12px 22px #162d4b30)}.ns-scale-shell>.ns-paper{position:absolute;left:0;top:0;transform-origin:top left}
.ns-empty-result{height:min(650px,77vh);width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#72839b;text-align:center}.ns-empty-result[hidden]{display:none}.empty-symbol{border:1px solid #dbe5f3;background:#fff;border-radius:16px;width:92px;height:112px;padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:6px;box-shadow:0 7px 16px #263b5612}.empty-symbol span{background:#e4edf7;border-radius:4px}.empty-symbol span:first-child{grid-column:span 2;height:9px;background:#759aca}.ns-empty-result strong{font-size:15px;color:#38506d}.ns-empty-result p{line-height:1.8;font-size:12px;margin:0}
.right-ads{min-width:0;background:#fff;border-left:1px solid #dce4ee;padding:13px 12px;display:flex;flex-direction:column;gap:12px;overflow-y:auto}
.ad-topline{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:800;color:#8995a7;padding:0 4px 2px}.ad-topline small{font-size:10px;color:#a1aebe;font-weight:600}
.ad-unit{border:1px solid #e1e6ee;border-radius:11px;background:#fafbfd;min-height:245px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;box-shadow:0 1px 5px #1f365012;position:relative;color:#95a5b8;text-align:center;padding:18px}
.ad-unit::before{content:'광고';position:absolute;right:12px;top:9px;font-size:10px;color:#a4b3c6}.ad-unit strong{font-size:12px;color:#70829c}.ad-unit small{font-size:10px;line-height:1.6}.ad-unit.ad-tall{min-height:340px}.ad-unit>ins{display:block;min-height:220px;width:100%}
.bottomline{height:35px;flex:none;background:#fff;border-top:1px solid #dce4ee;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 18px;font-size:10px;color:#8192a6}.bottomline b{color:#548374}
.ns-print-root{display:none}.ns-toast{position:fixed;bottom:40px;left:50%;transform:translateX(-50%);background:#1c3657;color:#fff;font-weight:750;font-size:12px;z-index:99;box-shadow:0 8px 22px #12264333;border-radius:8px;padding:12px 18px;display:none;max-width:550px}.ns-toast.ns-visible{display:block}
.mobile-notice{display:none;padding:30px;font-size:15px;text-align:center;line-height:1.9;color:#3d516d;background:#f6f9fd;height:100vh}.mobile-notice strong{font-size:20px;display:block;margin-bottom:15px}
@media(max-width:1080px){#namo-photosheet{display:none}.mobile-notice{display:flex;flex-direction:column;align-items:center;justify-content:center}}
@media (max-width:1420px){.editor{grid-template-columns:262px minmax(0,1fr) 304px}.tbrand{margin-right:3px}.tbar{gap:6px;padding:0 9px}.action-btn{padding:0 8px}}

#namo-photosheet .ns-paper{position:relative;width:794px;height:1123px;background:#fff;color:#243246;padding:46px 46px 40px;display:flex;flex-direction:column;overflow:hidden;font-family:"Malgun Gothic","Noto Sans KR",sans-serif}
#namo-photosheet .ns-scale-shell > .ns-paper{position:absolute;left:0;top:0;transform-origin:top left}
#namo-photosheet .ns-paper::before{content:"";position:absolute;top:0;left:0;right:0;height:8px;background:#28476e}
#namo-photosheet .ns-p-head{display:flex;justify-content:space-between;align-items:center;gap:22px;padding-bottom:15px;border-bottom:2px solid #2f4663}
#namo-photosheet .ns-p-title{font-size:29px;letter-spacing:-1.2px;font-weight:900;color:#192f4d;line-height:1.1}
#namo-photosheet .ns-p-en{font-size:10px;letter-spacing:1.3px;font-weight:700;color:#91a0af;margin-top:6px}
#namo-photosheet .ns-p-brand{display:flex;align-items:center;justify-content:flex-end;gap:5px;min-width:245px;max-width:355px}
#namo-photosheet .ns-p-logo{width:78.2px;height:40.8px;flex:none;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-right:var(--nps-logo-modern-overlap, 0px)}
#namo-photosheet .ns-p-logo img{width:100%;height:100%;object-fit:contain}
#namo-photosheet .ns-p-brand-name{font-size:17px;font-weight:900;line-height:1.25;max-width:235px;min-width:0;flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;color:#315379}
#namo-photosheet .ns-p-meta{border:1px solid #cbd4df;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:17px}
#namo-photosheet .ns-p-cell{display:flex;min-height:40px;border-bottom:1px solid #cbd4df;overflow:hidden}
#namo-photosheet .ns-p-cell:nth-child(odd){border-right:1px solid #cbd4df}
#namo-photosheet .ns-p-cell:nth-last-child(-n+2){border-bottom:none}
#namo-photosheet .ns-p-key{display:flex;align-items:center;justify-content:center;flex:none;width:83px;background:#f1f4f8;font-size:13px;letter-spacing:-.2px;font-weight:850;color:#455670}
#namo-photosheet .ns-p-value{display:flex;align-items:center;padding:6px 10px;min-width:0;font-size:13px;font-weight:700;line-height:1.35;overflow:hidden;overflow-wrap:anywhere}
#namo-photosheet .ns-p-note{display:flex;border:1px solid #cbd4df;border-top:0;min-height:47px}
#namo-photosheet .ns-p-note .ns-p-value{font-size:12px;line-height:1.45;white-space:pre-wrap;max-height:72px;overflow:hidden}
#namo-photosheet .ns-p-section{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:21px 0 12px}
#namo-photosheet .ns-p-section strong{font-size:13px;color:#273e5b}
#namo-photosheet .ns-p-section small{font-size:10px;color:#7b899b}
#namo-photosheet .ns-p-grid{display:grid;gap:12px;flex:1;min-height:0}
#namo-photosheet .ns-p-grid[data-layout="2"]{grid-template-columns:1fr;grid-template-rows:repeat(2,minmax(0,1fr))}
#namo-photosheet .ns-p-grid[data-layout="4"]{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}
#namo-photosheet .ns-p-grid[data-layout="6"]{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr))}
#namo-photosheet .ns-p-photo{display:flex;flex-direction:column;min-height:0;min-width:0;border:1px solid #d6dee8;background:#fff;overflow:hidden}
#namo-photosheet .ns-p-photo-img{position:relative;flex:1;min-height:0;overflow:hidden;background:#eef1f5}
#namo-photosheet .ns-p-photo-img img{width:100%;height:100%;object-fit:contain;display:block}
#namo-photosheet .ns-p-phase{position:absolute;left:8px;top:8px;background:#243c59dd;color:#fff;font-size:9px;font-weight:800;border-radius:3px;padding:5px 7px}
#namo-photosheet .ns-p-caption{display:flex;gap:6px;align-items:flex-start;flex:none;padding:9px 10px;min-height:34px;font-size:11px;line-height:1.35;color:#2e3f58;border-top:1px solid #d5dfe9}
#namo-photosheet .ns-p-num{font-weight:900;color:#284e86;flex:none}
#namo-photosheet .ns-p-desc{font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#namo-photosheet .ns-p-photo.ns-empty{border:1px dashed #e0e6ee;background:#fcfdff}
#namo-photosheet .ns-p-empty-label{display:flex;flex:1;align-items:center;justify-content:center;color:#c1ccd8;font-size:12px}
#namo-photosheet .ns-p-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;border-top:1px solid #ccd7e4;padding-top:10px;margin-top:16px;font-size:10px;color:#68788c}
#namo-photosheet .ns-p-foot strong{color:#2d4b72}
#namo-photosheet .ns-p-page{font-weight:900;color:#36547b;white-space:nowrap}
#namo-photosheet .ns-toast{position:fixed;z-index:2000;left:50%;bottom:22px;transform:translateX(-50%);max-width:min(90vw,520px);padding:11px 18px;border-radius:10px;background:#173456;color:#fff;box-shadow:0 10px 30px #17345655;font-size:12px;font-weight:750;display:none;text-align:center}
#namo-photosheet .ns-toast.ns-visible{display:block}

@page{size:A4;margin:0}
@media print{
 .mobile-notice{display:none!important}
 html,body{margin:0!important;padding:0!important;height:auto!important;overflow:visible!important}
 #namo-photosheet{display:block!important;height:auto!important;margin:0!important;padding:0!important;background:#fff!important}
 #namo-photosheet>.tbar,#namo-photosheet>.editor,#namo-photosheet>.bottomline,#namo-photosheet>.ns-toast{display:none!important}
 #namo-photosheet .ns-print-root{display:block!important;position:static!important}
 #namo-photosheet .ns-paper{width:210mm!important;height:297mm!important;padding:12.2mm 12.2mm 10.6mm!important;break-after:page;page-break-after:always;transform:none!important;box-shadow:none!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}
 #namo-photosheet .ns-paper:last-child{break-after:auto!important;page-break-after:auto!important}
 /* 2안은 화면 미리보기와 같은 A4 내부 여백으로 인쇄합니다. */
 #namo-photosheet .ns-paper.ns-paper-classic{padding:45px 65px 42px!important}
}

/* v0.7 UX: four primary toolbar actions, reusable metadata templates */
#namo-photosheet .toolbar-hint{color:#8594a9;font-size:11px;font-weight:650;white-space:nowrap;margin-right:8px}
#namo-photosheet .ns-template-card{padding:12px;border:1px solid #c7d9f7;border-radius:12px;background:linear-gradient(135deg,#f0f6ff,#fff);margin-bottom:20px}
#namo-photosheet .ns-template-title{font-size:12px;font-weight:900;color:#234c94;display:flex;align-items:center;justify-content:space-between}
#namo-photosheet .ns-template-title span{font-size:9px;color:#5175a9;background:#e3edff;padding:3px 7px;border-radius:30px}
#namo-photosheet .ns-template-card p{font-size:11px;line-height:1.6;color:#55708e;margin:8px 0 12px}
#namo-photosheet .ns-template-card small{font-size:10px;line-height:1.5;display:block;margin-top:10px;color:#7489a4}
#namo-photosheet .ns-template-actions{display:flex;gap:7px}
#namo-photosheet .ns-template-actions button{flex:1;min-width:0;padding:11px 2px;border-radius:8px;border:1px solid #b8cdea;background:#fff;color:#2858a7;font-weight:850;font-size:11px}
#namo-photosheet .ns-template-actions .ns-tpl-save{background:#2b68dc;border-color:#2b68dc;color:#fff}
#namo-photosheet .ns-template-actions button:hover{filter:brightness(.97)}
#namo-photosheet .ns-setting-card{border-top:1px solid #e0e6ef;padding:19px 0;margin-top:18px;display:flex;flex-direction:column;gap:11px}
#namo-photosheet .ns-setting-card>strong{font-size:13px;color:#263e5c}
#namo-photosheet .ns-setting-card>span,#namo-photosheet .ns-setting-card>small{font-size:10px;color:#8492a6;line-height:1.6}
#namo-photosheet .ns-setting-row{display:flex;align-items:center;justify-content:space-between;gap:9px}
#namo-photosheet .ns-setting-row label{font-size:11px;font-weight:800;color:#536981}
#namo-photosheet .ns-setting-row select{width:126px}
#namo-photosheet .empty-demo-link{background:none;border:0;color:#3a6fb4;font-size:12px;font-weight:750;margin-top:13px;text-decoration:underline;text-underline-offset:2px}
#namo-photosheet .empty-demo-link:hover{color:#17418d}
@media(max-width:1380px){#namo-photosheet .toolbar-hint{display:none}}

/* v0.8: two templates, automatic browser-only settings, responsive mobile editor */
#namo-photosheet .ns-choose-design{margin:0 0 16px;padding:13px;border:1px solid #dbe5f3;border-radius:12px;background:#f9fbff}
#namo-photosheet .ns-choose-design>strong{font-size:13px;color:#25456b}
#namo-photosheet .ns-choose-design>p{font-size:10px;color:#73849a;line-height:1.5;margin:4px 0 11px}
#namo-photosheet .ns-design-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#namo-photosheet .ns-design-card{display:flex;align-items:center;flex-direction:column;text-align:center;gap:6px;padding:10px 5px 11px;border:1px solid #d5deea;background:#fff;border-radius:10px;min-width:0;color:#364b65}
#namo-photosheet .ns-design-card.selected{background:#edf4ff;border-color:#477ee7;box-shadow:inset 0 0 0 1px #91b5ff}
#namo-photosheet .ns-design-card b{font-size:10px}
#namo-photosheet .ns-design-card small{font-size:9px;color:#8091a7;line-height:1.4}
#namo-photosheet .ns-design-sketch{width:64px;height:85px;border:1px solid #aebfd3;background:white;display:grid;padding:7px;gap:4px;box-shadow:0 3px 6px #192f4d14}
#namo-photosheet .modern-sketch{grid-template-columns:1fr 1fr;grid-template-rows:13px 1fr 1fr}
#namo-photosheet .modern-sketch i{background:#d9e5f7}
#namo-photosheet .modern-sketch i:first-child{grid-column:span 2;background:#6087c1}
#namo-photosheet .classic-sketch{grid-template-rows:1fr 1fr;gap:10px;padding:18px 9px 8px}
#namo-photosheet .classic-sketch i{background:#d5dde6;border-bottom:4px solid white;outline:1px solid #788699}
#namo-photosheet .ns-backup-details{margin-top:10px}
#namo-photosheet .ns-backup-details summary{cursor:pointer;font-size:11px;font-weight:750;color:#3562a4}
#namo-photosheet .ns-backup-details .ns-template-actions{margin-top:12px}
#namo-photosheet .ns-forget{margin-top:10px;color:#a14b4b}
#namo-photosheet .ns-item-row input[type=date]{color:#394e67}
/* Show only the photo fields needed for the chosen template. */
#namo-photosheet:not(.ns-design-classic) .ns-item-row [data-field="place"],
#namo-photosheet:not(.ns-design-classic) .ns-item-row [data-field="date"],
#namo-photosheet:not(.ns-design-classic) .ns-item-row [data-field="remark"]{display:none}
#namo-photosheet.ns-design-classic .ns-item-row [data-field="stage"]{display:none}
/* Company practical sheet (2 photos with independent records) */
#namo-photosheet .ns-paper-classic{padding:45px 65px 42px;color:#111;font-size:calc(13px + 2pt);font-family:'Malgun Gothic',Arial,sans-serif}
#namo-photosheet .ns-paper-classic::before{display:none}
#namo-photosheet .ns-c-outer{height:100%;border:2px solid #222;display:flex;flex-direction:column;min-height:0}
#namo-photosheet .ns-c-title-row{min-height:78px;position:relative;display:flex;align-items:center;justify-content:center}
#namo-photosheet .ns-c-title{font-size:calc(29px + 2pt);font-weight:900;letter-spacing:8px;padding-left:8px;white-space:nowrap}
#namo-photosheet .ns-c-brand{position:absolute;right:13px;top:10px;display:flex;align-items:center;gap:3px;max-width:205px;font-size:calc(9px + 2pt);color:#232c3b;justify-content:flex-end}
#namo-photosheet .ns-c-logo{width:36px;height:20px;display:block;flex:none;margin-right:var(--nps-logo-classic-overlap, 0px)}
#namo-photosheet .ns-c-logo img{width:100%;height:100%;object-fit:contain}
#namo-photosheet .ns-c-brand strong{font-size:calc(12.5px + 2pt);font-weight:850;line-height:1.2;min-width:0;flex:0 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right;display:block}
#namo-photosheet .ns-c-site{border-bottom:1px solid #222;padding:8px 7px 9px;font-size:calc(13px + 2pt);min-height:41px;font-weight:650;overflow-wrap:anywhere;flex:none}
#namo-photosheet .ns-c-photo-blocks{flex:1;min-height:0;display:grid;grid-template-rows:repeat(2,minmax(0,1fr))}
#namo-photosheet .ns-c-block{min-height:0;display:flex;flex-direction:column}
#namo-photosheet .ns-c-block:first-child{border-bottom:1px solid #222}
#namo-photosheet .ns-c-img{flex:1;min-height:0;padding:11px 18px 12px;display:flex;align-items:center;justify-content:center;color:#a7b2c0;font-size:calc(12px + 2pt)}
#namo-photosheet .ns-c-img img{width:100%;height:100%;max-width:550px;max-height:100%;object-fit:contain}
#namo-photosheet .ns-c-table{border-collapse:collapse;width:100%;height:85px;table-layout:fixed;font-size:calc(13px + 2pt);font-weight:750;flex:none;color:#111}
#namo-photosheet .ns-c-table td,#namo-photosheet .ns-c-table th{border:1px solid #222;padding:3px 6px;text-align:center;line-height:1.2;overflow-wrap:anywhere;vertical-align:middle}
#namo-photosheet .ns-c-table th:first-child,#namo-photosheet .ns-c-table td:first-child{border-left:0}
#namo-photosheet .ns-c-table th:last-of-type,#namo-photosheet .ns-c-table td:last-child{border-right:0}
#namo-photosheet .ns-c-table tr:last-child td,#namo-photosheet .ns-c-table tr:last-child th{border-bottom:0}
#namo-photosheet .ns-c-table th{letter-spacing:1px;font-weight:900}
#namo-photosheet .ns-c-page{position:absolute;bottom:17px;right:67px;color:#666;font-size:calc(9px + 2pt)}
#namo-photosheet #nps-layout-row[hidden]{display:none!important}
/* tablet: use wider editing zone with no advertising */
@media screen and (max-width:1100px){
 #namo-photosheet{display:flex}
 #namo-photosheet .editor{grid-template-columns:285px minmax(0,1fr)}
 #namo-photosheet .right-ads{display:none}
 #namo-photosheet .tbar{gap:6px}
 #namo-photosheet .tbrand{margin-right:3px}
 #namo-photosheet .toolbar-hint{display:none}
}
@media screen and (min-width:701px) and (max-width:900px){
 #namo-photosheet .tbar{height:auto;min-height:66px;flex-wrap:wrap;padding:7px 8px;gap:6px}
 #namo-photosheet .tbrand{margin-right:0}
 #namo-photosheet .grow{display:none}
 #namo-photosheet .action-btn{height:34px;font-size:11px;padding:0 8px}
 #namo-photosheet #nps-print{margin-left:auto}
}
/* phone: normal-sized controls and scaled A4 only, not the entire desktop viewport */
@media screen and (max-width:700px){
 html,body{height:auto;min-height:100%;overflow:auto}
 #namo-photosheet{height:auto;min-height:100dvh;display:flex;flex-direction:column}
 #namo-photosheet .tbar{height:auto;min-height:96px;display:flex;flex-wrap:wrap;gap:7px;padding:9px 10px 10px;position:sticky;top:0;z-index:50;align-content:start}
 #namo-photosheet .tbrand{width:100%;height:36px;flex:none}
 #namo-photosheet .logoicon{width:33px;height:33px;font-size:16px}
 #namo-photosheet .tbrand small{font-size:9px}
 #namo-photosheet .sep,#namo-photosheet .grow{display:none}
 #namo-photosheet .action-btn{font-size:11px;height:36px;padding:0 9px;gap:3px;flex:none}
 #namo-photosheet #nps-print{margin-left:auto}
 #namo-photosheet .editor{display:flex;flex-direction:column;height:auto;overflow:visible;min-height:0}
 #namo-photosheet .leftpanel{order:1;overflow:hidden;flex:none;width:100%;border-right:0;border-bottom:1px solid #dce4ef}
 #namo-photosheet .left-heading{padding:11px 13px 7px}
 #namo-photosheet .tabs{padding-bottom:7px}
 #namo-photosheet .tabs button{min-height:39px;font-size:12px}
 #namo-photosheet .tabpanel{flex:none;max-height:340px;overflow-y:auto;padding:10px 13px}
 #namo-photosheet .preview{order:2;overflow:visible}
 #namo-photosheet .preview-head{height:auto;min-height:78px;flex-wrap:wrap;gap:5px;padding:9px 12px;scroll-margin-top:130px}
 #namo-photosheet .preview-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}
 #namo-photosheet #nps-zoom{max-width:112px}
 #namo-photosheet .preview-scroll{overflow:auto;padding:12px 5px 30px;min-height:420px}
 #namo-photosheet .ns-empty-result{height:400px;max-width:100%}
 #namo-photosheet .right-ads{display:none!important}
 #namo-photosheet .bottomline{height:auto;min-height:45px;flex-wrap:wrap;padding:8px 12px;gap:6px;font-size:9px}
 #namo-photosheet .ns-toast{bottom:14px;font-size:11px;max-width:90vw}
}
@media screen and (max-width:380px){
 #namo-photosheet .tbar{gap:5px}
 #namo-photosheet .action-btn{font-size:10px;padding:0 6px}
 #namo-photosheet .btn-icon{font-size:12px}
}
@media print{
 #namo-photosheet .ns-paper-classic{padding:12mm 17mm 10mm!important}
 #namo-photosheet .ns-c-page{right:17mm;bottom:4mm}
}

/* v0.9: compact draft & batch tools */
#namo-photosheet .ns-bulk,#namo-photosheet .ns-draft{margin:10px 0 12px;padding:11px;border:1px solid #d6e2f0;border-radius:11px;background:#f8fbff}
#namo-photosheet .ns-bulk summary,#namo-photosheet .ns-draft summary{cursor:pointer;color:#2c577d;font-size:12px;font-weight:850;line-height:1.4}
#namo-photosheet .ns-bulk p,#namo-photosheet .ns-draft p{margin:9px 0}
#namo-photosheet .ns-bulk-line{display:flex;gap:7px;margin:9px 0}
#namo-photosheet .ns-bulk-line>*{flex:1;min-width:0}
#namo-photosheet .ns-bulk select,#namo-photosheet .ns-bulk input:not([type=checkbox]){width:100%;min-width:0;height:35px;padding:0 9px;border:1px solid #cdd9e8;border-radius:7px;background:#fff;font-size:12px}
#namo-photosheet .ns-bulk-check{display:flex;gap:8px;align-items:center;margin:12px 0;color:#536b86;font-size:11px;line-height:1.4}
#namo-photosheet .ns-bulk-check input{width:16px;height:16px;accent-color:#2b67d8;flex:none}
#namo-photosheet .ns-draft #nps-draft-status{font-size:9px;font-weight:650;color:#6885ad;margin-left:5px}
#namo-photosheet .ns-draft button{font-size:11px}
#namo-photosheet .tbar .action-btn.is-working{opacity:.6;cursor:wait}

/* v0.9.13-ads1: reused AdSense units. Do not clip 300px creatives. */
@media screen and (min-width:1101px) and (max-width:1420px){
  #namo-photosheet .editor{grid-template-columns:262px minmax(0,1fr) 330px}
}
#namo-photosheet .ad-unit-live{display:block;min-height:250px;padding:6px 2px;overflow:visible;text-align:center}
#namo-photosheet .ad-unit-live::before{display:none}
#namo-photosheet .ad-unit-live .pdf_left_ad{width:100%;max-width:100%;min-width:0;margin:0 auto}
#namo-photosheet .ad-unit-live .pdf_left_ad ins.adsbygoogle{max-width:100%}


/* v0.9.13-scroll2: ONE natural document scrollbar + continuous A4 pages. */
@media screen {
  html, body {height:auto!important;min-height:100%;overflow-x:hidden!important;overflow-y:auto!important}
  #namo-photosheet {height:auto!important;min-height:100dvh;display:flex;flex-direction:column}
  #namo-photosheet .editor {flex:none;align-items:start;min-height:0;overflow:visible}
  #namo-photosheet .leftpanel {height:auto;min-height:0;overflow:visible}
  #namo-photosheet .tabpanel,
  #namo-photosheet .preview-scroll,
  #namo-photosheet .right-ads {height:auto;min-height:0;max-height:none;overflow:visible;scrollbar-gutter:auto;overscroll-behavior:auto}
  #namo-photosheet .preview {min-height:0;overflow:visible}
  #namo-photosheet .preview-scroll {flex:none;padding-bottom:28px}
  #namo-photosheet .ns-pages {gap:18px}
  #namo-photosheet .ns-scale-shell {scroll-margin-top:14px}
  #namo-photosheet .right-ads {align-self:start}
  #namo-photosheet .bottomline {min-height:35px;height:auto}
}
@media screen and (max-width:700px) {
  #namo-photosheet .tabpanel {max-height:none;overflow:visible}
  #namo-photosheet .preview-scroll {min-height:420px}
  #namo-photosheet .tbar {position:relative;top:auto}
  #namo-photosheet .editor {display:flex;flex-direction:column}
}
@media screen and (min-width:701px) {
  #namo-photosheet .preview-head {position:relative}
}

/* =============================================================
   2026-10-26: PDFEDIT compatible 300px advertisement content width
   - 350px right column on desktop; PDFEDIT uses 350px > 1400px.
   - Preserve PhotoBase's single, natural page scrollbar.
   - Restore matching 10px inner ad card padding from PDFEDIT.
   - Do NOT force creative height: AdSense decides actual ad size.
   ============================================================= */
@media screen and (min-width:1101px) {
  #namo-photosheet .right-ads {
    padding: 12px;
  }
  #namo-photosheet .ad-unit-live {
    display: block;
    padding: 0;
    min-height: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
    overflow: visible;
  }
  #namo-photosheet .ad-unit-live.ad-tall {
    min-height: 0;
  }
  #namo-photosheet .ad-unit-live .pdf_left_ad {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 10px;
    margin: 0;
    border: 1px solid #e4eaf1;
    border-radius: 12px;
    background: #fff;
    overflow: visible;
  }
}
/* At <= 1400px PDFEDIT narrows the ad rail to 220px, which can
   clip a 300px ad. Keep 350px here for reliable 300px creatives. */
@media screen and (min-width:1101px) and (max-width:1420px) {
  #namo-photosheet .editor {
    grid-template-columns: 262px minmax(0, 1fr) 350px;
  }
}
@media screen and (min-width:1421px) {
  #namo-photosheet .editor {
    grid-template-columns: 298px minmax(0, 1fr) 350px;
  }
}