:root{font-family:Arial,'Noto Sans KR','Malgun Gothic',sans-serif;color:#17263b;background:#edf0f3;font-size:4.233333mm;--navy:#17263b;--lime:#d9f26f;--blue:#255bc7;--border:#dce1e6;--muted:#5d6b7d}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0.264583mm solid var(--border);border-radius:1.852083mm;min-height:11.1125mm;background:white;color:var(--navy);padding:2.38125mm 3.175mm;font-size:.875rem;font-weight:600}button:hover{background:#f1f4f7;border-color:#9eacbd}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:0.79375mm solid #739be9;outline-offset:0.529167mm}input,select,textarea{min-width:0;width:100%;border:0.264583mm solid #c8d0da;border-radius:1.5875mm;background:#fff;padding:2.38125mm 2.645833mm;min-height:11.1125mm;color:var(--navy);font-size:1rem}textarea{resize:vertical;line-height:1.5}input[type=checkbox]{width:4.7625mm;height:4.7625mm;min-height:4.7625mm;accent-color:var(--blue)}input[type=color]{height:10.054167mm;min-height:10.054167mm;padding:0.79375mm;cursor:pointer}input[type=number]{padding-right:1.322917mm}.sr-only{position:absolute;width:0.264583mm;height:0.264583mm;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none!important}.skip-link{position:absolute;top:-15.875mm;z-index:100;background:white;padding:3.175mm}.skip-link:focus{top:0}h1,h2,h3,p{margin:0}h1{font-size:1.2rem}h2{font-size:.9375rem}h3{font-size:.9375rem;margin:5.291667mm 0 3.175mm}a{color:inherit}small{display:block;font-size:.75rem;line-height:1.6;color:var(--muted);margin-top:2.38125mm}.editor-header{display:flex;align-items:center;gap:7.9375mm;padding:3.704167mm 6.35mm;background:#fff;border-bottom:0.264583mm solid var(--border);min-height:21.166667mm}.brand{display:flex;align-items:center;gap:2.645833mm;flex-shrink:0;text-decoration:none;font-size:1.05rem;font-weight:800;letter-spacing:-.03em}.brand small{font-size:.65rem;letter-spacing:.08em;margin:1.058333mm 0 0;font-weight:600}.brand-symbol{display:grid;place-items:center;background:var(--navy);color:var(--lime);width:11.1125mm;height:11.1125mm;border-radius:2.645833mm;font-size:1.8rem}.document-title{margin-right:auto;min-width:0}.document-title input{padding:0.529167mm 1.322917mm;min-height:7.9375mm;border-color:transparent;font-size:1rem;font-weight:600;width:min(26vw,92.604167mm)}.document-title input:hover{border-color:var(--border)}.document-title span{display:block;padding-left:1.322917mm;font-size:.75rem;color:var(--muted);margin-top:0.79375mm}.header-actions{display:flex;gap:2.116667mm}.primary{background:var(--navy);border-color:var(--navy);color:#fff}.primary:hover{background:#2c405e;color:white}.editor-layout{display:grid;grid-template-columns:69.85mm minmax(79.375mm,1fr) 69.85mm;min-height:calc(100vh - 21.43125mm)}.setup-panel,.inspector{background:#fff;min-width:0}.setup-panel{border-right:0.264583mm solid var(--border)}.inspector{border-left:0.264583mm solid var(--border)}.panel-title{display:flex;gap:2.645833mm;align-items:center;padding:6.35mm 4.7625mm 2.116667mm}.badge{font-size:.75rem;background:#eef2f7;border-radius:1.058333mm;padding:1.058333mm 1.852083mm;white-space:nowrap}.intro{font-size:.875rem;line-height:1.7;color:var(--muted);padding:0 4.7625mm 5.291667mm}.panel-section{padding:5.291667mm 4.7625mm;border-top:0.264583mm solid var(--border)}.panel-section h2{margin-bottom:3.96875mm}label{display:flex;flex-direction:column;gap:1.852083mm;font-size:.875rem;line-height:1.4;margin:3.175mm 0}.add-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:1.852083mm}.add-tools button{padding:2.116667mm 1.058333mm;font-size:.875rem}.add-tools b{display:block;font-size:1.35rem;font-weight:500;margin-bottom:1.322917mm}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:2.645833mm;align-items:start}.field-pair>label{min-width:0;margin:2.116667mm 0}.field-pair>button{margin:1.322917mm 0}.panel-section summary{font-weight:700;font-size:.9375rem;cursor:pointer;line-height:1.7}.panel-section summary span{float:right;color:var(--muted);font-size:.75rem;font-weight:400}.hint{font-size:.875rem;line-height:1.6;background:#f2f5e7;padding:2.38125mm 2.645833mm;border-radius:1.322917mm;margin:2.645833mm 0}.apply-button{width:100%;border-color:var(--navy);background:#f2f5f9}.backgrounds{display:grid;grid-template-columns:repeat(3,1fr);gap:3.175mm}.backgrounds label{align-items:center;margin:0}.workspace{padding:0 7.408333mm 6.879167mm;min-width:0;overflow:hidden;background-image:radial-gradient(#ced6de 0.185208mm,transparent 0.185208mm);background-size:3.439583mm 3.439583mm}.workspace-toolbar{display:flex;justify-content:space-between;align-items:center;gap:2.645833mm;padding:3.704167mm 0 7.408333mm}.history-buttons,.zoom-buttons{display:flex;align-items:center;gap:1.322917mm}.history-buttons>button,.zoom-buttons>button{font-size:1.125rem;padding:1.322917mm 2.645833mm;min-width:9.789583mm}.zoom-buttons #zoom-fit{font-size:.875rem}.zoom-buttons output{font-size:.8125rem;min-width:11.1125mm;text-align:center}.toolbar-divider{height:5.291667mm;width:0.264583mm;background:#c4ccd6;margin:0 2.38125mm}.guide-toggle{flex-direction:row;align-items:center;margin:0;gap:1.5875mm}.spread-info{display:flex;justify-content:space-around;align-items:center;margin-bottom:4.7625mm;font-size:.875rem;font-weight:600;gap:2.116667mm}.spread-info span:nth-child(2){background:#fff;border:0.264583mm solid #d0d7e1;border-radius:5.291667mm;padding:1.5875mm 3.175mm;font-size:.8125rem}.canvas-scroll{overflow:auto;padding:3.704167mm 2.116667mm 6.35mm;min-height:79.375mm;overscroll-behavior:contain}.canvas-stage{margin:0 auto;position:relative;min-width:0;transition:width .15s}#cover-canvas{display:block;width:100%;height:auto;background:white;box-shadow:0 2.116667mm 6.614583mm #17263b24;overflow:hidden;touch-action:none;user-select:none}#cover-canvas [data-element]{cursor:move}#cover-canvas [data-handle]{cursor:nwse-resize}.canvas-footer{display:flex;justify-content:space-between;gap:3.704167mm;padding:3.175mm 0;align-items:center;font-size:.75rem;color:#526176;flex-wrap:wrap}.legend{display:flex;gap:3.704167mm;flex-wrap:wrap}.legend span{display:flex;gap:1.322917mm;align-items:center}.legend i{width:3.96875mm;border-top:0.264583mm solid #e55164}.legend .safe{border-top:0.264583mm dashed #159fc7}.legend .fold{border-top:0.264583mm dashed #e39b25}.gesture-help{color:#58687b;font-size:.8125rem;line-height:1.6;text-align:center;padding:3.704167mm 0 6.879167mm}.check-strip{border:0.264583mm solid #d9e0e9;border-radius:2.116667mm;background:#ffffffbd;padding:3.704167mm 4.233333mm;display:flex;gap:3.96875mm;align-items:flex-start;line-height:1.6;font-size:.875rem}.check-strip strong{white-space:nowrap}.check-strip p{color:#526176;white-space:pre-line}.check-strip.has-warnings{border-color:#dcb878;background:#fff9ed}.status{margin-top:3.704167mm;line-height:1.6;font-size:.875rem;min-height:12.170833mm;color:#374b64}.selection-section{border-top:0;min-height:39.6875mm}.selection-section>p{font-size:.875rem;line-height:1.7;color:var(--muted)}.bold-control{flex-direction:row;align-items:center;align-self:end;height:11.1125mm}.delete-button{width:100%;color:#a53131;background:#fff;margin-top:1.5875mm}.layer-heading{display:flex;justify-content:space-between;align-items:baseline}.layer-heading span{font-size:.8125rem;color:var(--muted)}.layer-help{font-size:.75rem;color:var(--muted);margin:-1.5875mm 0 3.175mm}.layers{padding:0;margin:0;list-style:none}.layers button{display:flex;gap:2.38125mm;text-align:left;width:100%;margin-bottom:1.322917mm;border-color:transparent;font-weight:400;align-items:center;min-height:13.229167mm;background:#f6f8fa}.layers button[aria-pressed=true]{border-color:#6485bc;background:#e9effc}.layer-icon{width:6.614583mm;text-align:center;font-size:1.125rem}.layer-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.8125rem}.layer-text small{font-size:.75rem;margin-top:0.529167mm}.error{color:#b13333;font-size:.875rem;line-height:1.5;margin:2.645833mm 0}dialog{border:0;padding:6.879167mm;border-radius:3.704167mm;max-width:148.166667mm;width:calc(100% - 7.408333mm);max-height:90dvh;overflow:auto;box-shadow:0 7.9375mm 23.8125mm #0004;color:var(--navy)}dialog::backdrop{background:#17263b8c}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:5.291667mm;margin-bottom:3.704167mm}.dialog-heading h2{font-size:1.3rem}.dialog-heading button{font-size:1.5rem;min-width:11.1125mm}dialog>p{font-size:1rem;line-height:1.6}.export-choices{display:grid;grid-template-columns:1fr 1fr;gap:2.645833mm;margin:5.291667mm 0}.export-choices button{text-align:left;padding:4.497917mm 3.175mm;min-height:26.458333mm}.export-choices strong{display:block;font-size:1rem}.export-choices span{display:block;margin-top:2.38125mm;color:var(--muted);font-size:.8125rem;line-height:1.5}.export-note{background:#f2f5f9;padding:3.175mm;border-radius:1.5875mm;font-size:.875rem}#export-status{font-size:.875rem;margin-top:3.175mm}hr{border:0;border-top:0.264583mm solid var(--border);margin:5.291667mm 0}
/* Quiet two-column editing surface: tools + contextual panel, full-width canvas. */
:root{font-size:3.704167mm;--border:#e3e5e8;--navy:#243441;background:#f1f2f3}
button,input,select{min-height:9.525mm}button{font-weight:500}label{font-size:3.439583mm}input,textarea,select{font-size:3.704167mm}
.editor-header{height:17.4625mm;min-height:17.4625mm;padding:2.645833mm 5.820833mm;gap:6.35mm}.brand-symbol{width:8.995833mm;height:8.995833mm;border-radius:1.852083mm;font-size:6.614583mm}.brand small{display:none}.brand{font-size:4.233333mm}.document-title input{font-size:3.704167mm;max-width:71.4375mm}.document-title span{font-size:2.910417mm}.header-actions button{padding:2.116667mm 4.233333mm}.header-actions .primary{background:#263f38;border-color:#263f38}
.editor-layout{display:grid;grid-template-columns:82.020833mm minmax(0,1fr);height:calc(100dvh - 17.4625mm);min-height:148.166667mm}
.setup-panel{position:relative;padding-left:17.197917mm;overflow:auto;scrollbar-width:thin;background:#fff}
.panel-tabs{position:fixed;top:17.4625mm;bottom:0;left:0;width:17.197917mm;display:flex;flex-direction:column;background:#fafafa;border-right:0.264583mm solid var(--border);z-index:3;padding:2.645833mm 0;gap:1.058333mm}
.panel-tabs button{border:0;border-radius:0;background:transparent;width:100%;height:17.197917mm;padding:2.116667mm 0;font-size:2.910417mm;color:#66717a}
.panel-tabs b{display:block;font-weight:500;font-size:6.35mm;margin-bottom:1.5875mm;line-height:6.35mm}.panel-tabs button[aria-pressed=true]{background:#e9efeb;color:#214d3c;box-shadow:inset 0.79375mm 0 #29583f}.panel-tabs button:hover{background:#eef0f1}
.panel-section{border-top:0;padding:5.820833mm 4.233333mm}.panel-section h2{font-size:3.704167mm;font-weight:600;margin:0 0 5.291667mm}.panel-section h3{font-size:3.439583mm;font-weight:600}
.section-heading{display:flex;justify-content:space-between;align-items:baseline}.section-heading>span{color:#899198;font-size:3.175mm}
.template-card{display:block;width:100%;padding:0;overflow:hidden;text-align:left;border-radius:1.322917mm;border-color:#e1e5e3}.template-card #template-art{display:block;padding:4.7625mm 3.175mm;background:#f0f1ed}.template-card svg{width:100%;height:auto;display:block;box-shadow:0 0.529167mm 1.5875mm #0002}.template-description{display:block;padding:3.175mm}.template-description strong{font-size:3.704167mm}.template-description>span{display:block;font-size:3.175mm;color:#87918d;margin-top:1.322917mm}.template-description>b{display:block;font-size:3.175mm;font-weight:500;border-top:0.264583mm solid #ecefed;margin-top:3.704167mm;padding-top:3.175mm;color:#376448}.template-help{color:#87908b;line-height:1.7;font-size:3.175mm;margin-top:3.96875mm}
.workspace{display:flex;flex-direction:column;min-width:0;overflow:hidden;padding:0 7.9375mm 2.116667mm;background:#f0f1f2;max-height:none;position:relative}
.workspace-toolbar{padding:2.645833mm 0 2.116667mm;flex-shrink:0}.history-buttons>button,.zoom-buttons>button{background:transparent;border-color:transparent;font-size:4.7625mm;min-height:8.466667mm;padding:1.058333mm 2.116667mm}.zoom-buttons #zoom-fit{font-size:3.175mm}.guide-toggle{font-size:3.175mm}.toolbar-divider{background:#d8dcdf}
.spread-info{justify-content:center;gap:2.645833mm;margin:0 0 1.5875mm}.spread-info button{background:transparent;border-color:transparent;font-size:3.175mm;padding:1.322917mm 4.233333mm;min-height:7.9375mm;color:#68737c}.spread-info button:hover{background:white}
.canvas-scroll{flex:1;min-height:52.916667mm;display:flex;align-items:center;overflow:auto;padding:3.704167mm 3.704167mm 5.820833mm}.canvas-stage{flex-shrink:0;max-width:none;width:100%;transition:width .15s}.canvas-stage svg{box-shadow:0 0.79375mm 4.7625mm #00000012!important}
.canvas-footer{padding:1.852083mm 0;font-size:2.910417mm;gap:2.116667mm}.legend{gap:3.175mm}.gesture-help{font-size:2.910417mm;padding:0.79375mm 0 1.852083mm;color:#899198}.check-strip{display:block;padding:0;border:0;background:transparent!important;border-radius:0;font-size:2.910417mm}.check-strip summary{cursor:pointer;color:#7b838a;width:max-content}.check-strip p{padding:2.116667mm 0}.check-strip.has-warnings summary{color:#a76518}.status{font-size:2.910417mm;line-height:1.5;min-height:4.497917mm;margin:1.5875mm 0 0;color:#78838a}
.selection-label{font-size:2.910417mm;color:#8c959c;margin:0 0 2.645833mm}.selection-section>h2{margin-bottom:2.116667mm}.selection-section>p{font-size:3.175mm}.selection-section form>label:first-child{margin-top:2.645833mm}.selection-section textarea{min-height:21.166667mm;line-height:1.6;resize:vertical}.selection-section input[type=color]{width:100%;height:8.466667mm;min-height:8.466667mm}.precise-controls{margin:4.7625mm 0;border-top:0.264583mm solid var(--border);padding-top:3.704167mm}.precise-controls summary{font-size:3.175mm!important;font-weight:400!important}.selection-section .field-pair{gap:2.116667mm}.selection-section .field-pair button{font-size:3.175mm;padding:1.322917mm}.delete-button{font-size:3.175mm}.selection-section small{font-size:2.910417mm}#element-note{display:none}#image-source{font-size:3.175mm;line-height:1.6;margin-top:3.704167mm;overflow-wrap:anywhere}
.layer-help{font-size:2.910417mm}.layers button{padding:2.116667mm;min-height:11.641667mm}.layers small{font-size:2.645833mm}
.upload-photo{width:100%;border-style:dashed;color:#345b46}.photo-search{display:flex;gap:1.322917mm;margin-top:3.175mm}.photo-search input{min-width:0;width:100%;font-size:3.439583mm}.photo-search button{padding:1.5875mm 2.38125mm;flex-shrink:0;font-size:3.175mm}.photo-chips{display:flex;gap:1.322917mm;margin-top:2.645833mm}.photo-chips button{font-size:2.910417mm;min-height:7.408333mm;padding:1.058333mm 2.38125mm;border-radius:5.291667mm;background:#f6f7f7;border-color:transparent}
#photo-status{font-size:2.910417mm;color:#6a747c;line-height:1.7;margin:3.704167mm 0}.photo-results{display:grid;grid-template-columns:1fr 1fr;gap:3.175mm 2.116667mm}.photo-results article{min-width:0}.photo-results button{border:0;padding:0;width:100%;height:25.135417mm;overflow:hidden;border-radius:1.058333mm;background:#eef1ee}.photo-results img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}.photo-results button:hover img{transform:scale(1.04)}.photo-results a{display:block;color:#849087;font-size:2.645833mm;text-decoration:none;margin-top:1.322917mm}.photo-results a:hover{text-decoration:underline}#photo-more{width:100%;margin-top:3.96875mm;font-size:3.175mm}.photo-license{font-size:2.645833mm;margin-top:5.291667mm;border-top:0.264583mm solid #ecefed;padding-top:3.175mm}.photo-empty-note{font-size:2.645833mm;color:#9aa09d;line-height:1.6;margin-top:2.116667mm}
.preview-dialog{max-width:304.270833mm}.preview-dialog #preview-art{background:#eff1f2;padding:6.35mm;margin:5.291667mm 0}.preview-dialog svg{width:100%;height:auto;max-height:65vh;display:block}.preview-actions{display:flex;justify-content:flex-end;gap:2.645833mm;margin-top:4.7625mm}.preview-disclaimer{font-size:3.175mm;color:#79838b;margin-top:3.175mm}#preview-checks{white-space:pre-line;font-size:3.439583mm}
@media(max-width:264.583333mm){.editor-layout{grid-template-columns:72.760417mm minmax(0,1fr)}.setup-panel{padding-left:14.816667mm}.panel-tabs{width:14.816667mm}.workspace{padding:0 4.233333mm 2.116667mm}.editor-header{gap:3.704167mm;padding:2.645833mm 4.233333mm}.header-actions button{padding:1.852083mm 2.645833mm}.document-title input{width:20vw}.brand{font-size:3.704167mm}.legend{display:none}}
@media(max-width:179.916667mm){.editor-header{height:27.516667mm;flex-wrap:wrap;padding:2.116667mm 3.175mm;gap:1.322917mm 3.175mm}.brand-symbol{width:7.672917mm;height:7.672917mm;font-size:5.820833mm}.document-title{flex:1}.document-title input{width:100%;max-width:none}.document-title span{font-size:2.645833mm}.header-actions{display:flex;width:100%;justify-content:flex-end;gap:1.5875mm}.header-actions button{min-height:7.9375mm;padding:1.322917mm 3.175mm;font-size:3.175mm}.editor-layout{height:auto;min-height:0;display:flex;flex-direction:column}.setup-panel{padding:13.229167mm 0 0;overflow:visible}.panel-tabs{position:absolute;top:0;left:0;right:0;bottom:auto;width:100%;height:13.229167mm;display:grid;grid-template-columns:repeat(6,1fr);padding:0;gap:0;border-bottom:0.264583mm solid var(--border)}.panel-tabs button{height:13.229167mm;padding:1.322917mm 0;font-size:2.645833mm}.panel-tabs b{font-size:4.497917mm;line-height:4.7625mm;margin-bottom:0.79375mm}.panel-tabs button[aria-pressed=true]{box-shadow:inset 0 -0.529167mm #29583f}.panel-section{max-height:71.4375mm;overflow:auto;padding:3.704167mm 4.7625mm}.panel-section h2{margin-bottom:2.645833mm}.template-card{max-width:52.916667mm}.template-card #template-art{padding:2.645833mm}.template-description{padding:2.116667mm}.template-description>b,.template-description>span,.template-help{display:none}.workspace{min-height:116.416667mm;height:calc(100dvh - 42.333333mm);padding:0 3.175mm 2.116667mm}.canvas-scroll{min-height:42.333333mm;padding:2.645833mm 1.058333mm}.workspace-toolbar{padding:2.116667mm 0 0.529167mm}.spread-info{gap:0.529167mm}.canvas-footer{font-size:2.645833mm}.gesture-help{display:none}.photo-results{grid-template-columns:repeat(3,1fr)}.photo-results button{height:21.166667mm}.panel-section.selection-section{max-height:89.958333mm}.preview-dialog #preview-art{padding:1.322917mm}.photo-license,.photo-empty-note{font-size:2.645833mm}.export-choices{gap:1.852083mm}.export-choices button{padding:3.175mm 2.116667mm}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}


.inline-text-editor{position:absolute;left:0;top:0;z-index:5;transform-origin:0 0;display:block;min-height:0;min-width:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;outline:0.079375mm solid #508df5!important;outline-offset:0!important;resize:none;overflow:hidden;line-height:1.4;letter-spacing:normal;box-shadow:0 0 0 0.026458mm #fff;white-space:pre;tab-size:4}#edit-on-canvas{width:100%;background:#edf3ee;border-color:#d7e3d8;color:#28563d;margin:1.322917mm 0 2.645833mm}

.font-preview{font-size:5.291667mm;line-height:1.65;margin:3.704167mm 0 2.116667mm;border:0.264583mm solid #dce1e6;padding:3.175mm;border-radius:1.5875mm;overflow-wrap:anywhere;background:#f7f9fb}.font-status{font-size:3.704167mm;line-height:1.55;margin-bottom:1.852083mm;color:#465a73}.font-credit{font-size:3.175mm;color:#465a73;text-underline-offset:0.79375mm}
.font-preview{font-size:4.233333mm;padding:2.116667mm}.font-status,.font-credit{font-size:2.910417mm}
.library-heading{display:flex;align-items:center;justify-content:space-between}.library-heading h2{margin-bottom:2.116667mm}.library-heading>span{font-size:2.910417mm;background:#edf2ed;color:#496651;border-radius:5.291667mm;padding:0.79375mm 2.116667mm}.library-intro{font-size:3.175mm;color:#7c8981;line-height:1.6;margin:0 0 4.7625mm}#shape-search{font-size:3.175mm;background:#f8faf8;border-color:#e3e9e4;border-radius:2.116667mm}.shape-filter{display:flex;gap:1.322917mm;margin:3.704167mm 0}.shape-filter button{min-height:7.408333mm;padding:1.058333mm 2.645833mm;border:0;border-radius:5.291667mm;font-size:2.910417mm;color:#7b8880;background:#f4f6f4}.shape-filter button[aria-pressed=true]{background:#2f5542;color:#fff}.shape-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.116667mm}.shape-grid button{min-width:0;display:flex;flex-direction:column;align-items:center;gap:2.645833mm;padding:3.704167mm 1.322917mm 2.645833mm;background:#f6f8f5;border:0.264583mm solid #edf0e9;border-radius:2.645833mm;color:#799d84}.shape-grid button:nth-child(4n+2){background:#f7f3ee;color:#b19a78;border-color:#f0eae1}.shape-grid button:nth-child(4n+3){background:#f1f4f8;color:#859eb7;border-color:#e8edf3}.shape-grid button:nth-child(4n){background:#f6f0f1;color:#ba939b;border-color:#eee4e7}.shape-grid button:hover{border-color:#8da692;box-shadow:0 0.79375mm 2.38125mm #203e2e10;transform:translateY(-0.264583mm)}.shape-grid svg{display:block;width:8.466667mm;height:8.466667mm;overflow:visible}.shape-grid button span{font-size:2.645833mm;white-space:nowrap;color:#56645c;letter-spacing:-0.105833mm}#shape-empty{font-size:3.175mm;color:#858f88;padding:6.614583mm 0;text-align:center}.stack-hint{font-size:2.645833mm;line-height:1.6;color:#839086;margin:2.116667mm 0 3.175mm}
.topic-heading{margin:5.027083mm 0 2.910417mm;display:flex;flex-direction:column;gap:1.322917mm}.topic-heading strong{font-size:3.175mm;font-weight:600;color:#445d4c}.topic-heading>span{font-size:2.645833mm;color:#95a097}.photo-topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.852083mm}.photo-topics button{display:flex;align-items:center;justify-content:center;gap:1.322917mm;font-size:2.910417mm;font-weight:500;min-height:9.260417mm;border-radius:2.116667mm;padding:1.322917mm 0.79375mm;background:#f5f7f5;border:0.264583mm solid #e8eee9;color:#577361}.photo-topics button>span{font-size:4.497917mm;line-height:1;color:#87a58e}.photo-topics [data-tone=rose]{background:#fbf2f3;border-color:#f6e8eb;color:#a96e7c}.photo-topics [data-tone=rose]>span{color:#c98e9d}.photo-topics [data-tone=blue]{background:#f0f6fb;border-color:#e5edf6;color:#6183a2}.photo-topics [data-tone=blue]>span{color:#8aabc6}.photo-topics [data-tone=amber]{background:#faf5ec;border-color:#f3ebda;color:#9d8250}.photo-topics [data-tone=amber]>span{color:#bba06b}.photo-topics [data-tone=violet]{background:#f5f2fa;border-color:#ece6f5;color:#917ab0}.photo-topics [data-tone=violet]>span{color:#a48bbf}.photo-topics [data-tone=stone]{background:#f4f5f5;border-color:#e9eceb;color:#768582}.photo-topics button:hover,.photo-topics button[aria-pressed=true]{border-color:#6f9278;box-shadow:inset 0 0 0 0.264583mm #6f9278;color:#35573f}.more-topics{margin-top:2.645833mm}.more-topics summary{font-size:2.910417mm;cursor:pointer;color:#819085;padding:1.322917mm 0}.more-topics .photo-topics{margin-top:2.38125mm}.photo-license{line-height:1.7}
.photo-review-layout{display:grid;grid-template-columns:39.6875mm 1fr;gap:5.291667mm;align-items:start;margin:5.291667mm 0}.photo-review-layout img{width:39.6875mm;height:39.6875mm;object-fit:cover;border-radius:2.38125mm;background:#f1f3f1}.photo-review-layout h3{margin:0;font-size:3.96875mm;overflow-wrap:anywhere}.photo-review-layout p{font-size:3.175mm;line-height:1.6;margin:2.645833mm 0}.photo-review-layout a{font-size:3.175mm;display:inline-block;margin:1.058333mm 3.175mm 1.058333mm 0;color:#386749}.rights-note{font-size:3.175mm!important;background:#f6f7f4;padding:3.175mm;border-radius:1.852083mm;line-height:1.75!important}.rights-check{flex-direction:row;align-items:flex-start;font-size:3.175mm;margin:4.7625mm 0;gap:2.38125mm}.rights-check input{flex-shrink:0}.photo-review-actions{display:flex;justify-content:flex-end;gap:2.116667mm}.photo-review-actions button{font-size:3.175mm}
@media(max-width:179.916667mm){.panel-tabs{grid-template-columns:repeat(7,1fr)}.photo-topics{grid-template-columns:repeat(4,minmax(0,1fr))}.photo-topics button{min-height:8.995833mm}.shape-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.photo-review-layout{grid-template-columns:25.135417mm 1fr;gap:3.175mm}.photo-review-layout img{width:25.135417mm;height:29.104167mm}}


/* Theme applies to application chrome only; SVG artwork and inline text retain their own colors. */
:root[data-theme=dark]{color-scheme:dark;color:#e2e5e8;background:#202224;--navy:#e2e5e8;--border:#44484c;--muted:#adb4bb;--blue:#8bb4ee}
[data-theme=dark] .editor-header,[data-theme=dark] .setup-panel,[data-theme=dark] dialog{background:#25282b;color:#e2e5e8}
[data-theme=dark] .panel-tabs{background:#202326}
[data-theme=dark] button,[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea:not(.inline-text-editor){background:#303438;color:#e2e5e8;border-color:#50565b}
[data-theme=dark] button:hover{background:#3d4449;border-color:#9ba9a0}
[data-theme=dark] .panel-tabs button{background:transparent;color:#aab3b9}
[data-theme=dark] .panel-tabs button[aria-pressed=true]{background:#344b40;color:#dcf0df;box-shadow:inset 0.79375mm 0 #9abc9d}
[data-theme=dark] .workspace{background:#383838}
/* Neutral surround and double boundary separate white or dark covers from the UI. */
#cover-canvas{outline:0.264583mm solid #9a9a9a;outline-offset:0.79375mm}
[data-theme=dark] #cover-canvas{background:white;box-shadow:0 0 0 0.264583mm #151515,0 2.645833mm 7.408333mm #0006;outline-color:#a1a1a1}
[data-theme=dark] .preview-dialog #preview-art{background:#383838}
[data-theme=dark] .preview-dialog svg{outline:0.264583mm solid #a1a1a1;outline-offset:0.79375mm;color-scheme:light}
[data-theme=dark] .brand-symbol{background:#3d5548;color:#dcf783}
[data-theme=dark] .primary,[data-theme=dark] .header-actions .primary{background:#bcd8bd;color:#193522;border-color:#bcd8bd}
[data-theme=dark] .layers button[aria-pressed=true]{background:#344c43;border-color:#a0c3ac}
[data-theme=dark] .hint,[data-theme=dark] .rights-note,[data-theme=dark] .export-note,[data-theme=dark] .font-preview{background:#303733;color:#d7e0d8;border-color:#505b54}
[data-theme=dark] .badge,[data-theme=dark] .library-heading>span{background:#36433a;color:#c2d8c7}
[data-theme=dark] #template-art{background:#383838}
[data-theme=dark] .template-description>b,[data-theme=dark] .upload-photo,[data-theme=dark] #edit-on-canvas,[data-theme=dark] .photo-review-layout a{color:#b5d9bd;background:#303b33;border-color:#516256}
[data-theme=dark] .shape-grid button,[data-theme=dark] .photo-topics button{background:#303a35;border-color:#48554c;color:#a9cab3}
[data-theme=dark] .shape-grid button:nth-child(4n+2),[data-theme=dark] .photo-topics [data-tone=amber]{background:#3c382f;color:#d1bd96}
[data-theme=dark] .shape-grid button:nth-child(4n+3),[data-theme=dark] .photo-topics [data-tone=blue]{background:#303b47;color:#abc5df}
[data-theme=dark] .shape-grid button:nth-child(4n),[data-theme=dark] .photo-topics [data-tone=rose]{background:#41343b;color:#dab5c2}
[data-theme=dark] .photo-topics [data-tone=violet]{background:#3b3447;color:#c6b1e3}
[data-theme=dark] .shape-grid button span,[data-theme=dark] .topic-heading strong{color:#d0d9d3}
[data-theme=dark] .shape-filter button[aria-pressed=true],[data-theme=dark] .photo-topics button[aria-pressed=true]{background:#40594b;color:#e4f2e7;border-color:#a4c6ae}
[data-theme=dark] #shape-search{background:#303438;border-color:#50565b}
[data-theme=dark] .canvas-footer,[data-theme=dark] .gesture-help,[data-theme=dark] .status,[data-theme=dark] .check-strip p,[data-theme=dark] .check-strip summary,[data-theme=dark] .spread-info button,[data-theme=dark] #photo-status,[data-theme=dark] .library-intro,[data-theme=dark] .template-help,[data-theme=dark] .template-description>span,[data-theme=dark] .font-status,[data-theme=dark] .font-credit,[data-theme=dark] .stack-hint,[data-theme=dark] .preview-disclaimer{color:#b8c0c5}
[data-theme=dark] .check-strip.has-warnings summary{color:#edc07b}
[data-theme=dark] .delete-button,[data-theme=dark] .error{color:#f2a6a6}
#cover-canvas,#template-art svg,.inline-text-editor{color-scheme:light}
@media(max-width:179.916667mm){.header-actions button{padding:1.322917mm 2.116667mm}.header-actions{justify-content:space-between}}
/* AI image workspace: dark chrome, full-size comparison, persistent examples. */
.ai-heading{display:flex;align-items:center;gap:2.116667mm}.ai-heading>span{font-size:6.35mm;color:#ba94ff}.ai-heading h2{margin:0;font-size:4.7625mm}.ai-intro{font-size:3.704167mm;line-height:1.7;margin:3.704167mm 0 5.291667mm;color:var(--muted)}.ai-tools{display:grid;gap:2.116667mm}.ai-tools button{text-align:left;padding:3.175mm;min-height:16.933333mm;border-radius:2.116667mm}.ai-tools strong{display:block;font-size:3.704167mm}.ai-tools span{display:block;font-size:3.175mm;margin-top:1.5875mm;color:var(--muted)}.ai-connection{font-size:3.704167mm;line-height:1.65;margin:4.7625mm 0 2.116667mm}.ai-recheck{font-size:3.175mm}.ai-example{margin-top:6.35mm;padding-top:4.7625mm;border-top:0.264583mm solid var(--border)}.ai-example-heading{display:flex;align-items:center;justify-content:space-between}.ai-example-heading h3{font-size:3.704167mm;margin:0}.ai-example-heading>span,.ai-example-tag{font-size:3.175mm;background:#613d8b;color:#fff;padding:1.058333mm 1.852083mm;border-radius:1.058333mm}.ai-example-pair{display:grid;grid-template-columns:1fr 1fr;gap:2.116667mm;margin:3.175mm 0}.ai-example figure,.ai-comparison figure{min-width:0;margin:0}.ai-example img{width:100%;height:auto;display:block;aspect-ratio:4/3;object-fit:contain}.ai-example figcaption{font-size:3.175mm;margin-top:1.5875mm;color:var(--muted)}.ai-example>button{font-size:3.704167mm;width:100%;min-height:11.641667mm}.ai-example>p{font-size:3.175mm;line-height:1.65;margin-top:2.645833mm;color:var(--muted)}.transparency-grid{background-color:#f4f4f4!important;background-image:conic-gradient(#cbd0d4 25%,transparent 0 50%,#cbd0d4 0 75%,transparent 0)!important;background-size:4.233333mm 4.233333mm}.ai-dialog{width:min(232.833333mm,calc(100vw - 6.35mm));max-width:232.833333mm}.ai-dialog h2{font-size:5.820833mm;line-height:1.5;margin:2.116667mm 0}.ai-dialog p,.ai-dialog label{font-size:3.704167mm;line-height:1.7}.ai-comparison{display:grid;grid-template-columns:1fr 1fr;gap:4.233333mm;margin:5.291667mm 0}.ai-image-frame{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;border:0.264583mm solid var(--border);border-radius:1.5875mm;overflow:hidden;background:#f1f3f5}.ai-image-frame img{width:100%;height:100%;object-fit:contain}.ai-image-frame span{padding:3.704167mm;color:#48545e;background:#ffffffdc;font-size:3.704167mm;max-width:90%;text-align:center;border-radius:1.5875mm}.ai-comparison figcaption{font-size:3.704167mm;margin-top:2.116667mm}.ai-dialog form{display:grid;gap:2.645833mm}.ai-dialog input,.ai-dialog select,.ai-dialog textarea{font-size:4.233333mm;width:100%;min-height:11.641667mm}.ai-dialog textarea{resize:vertical}.ai-dialog button{font-size:3.704167mm;min-height:11.641667mm}#ai-disclosure{color:var(--muted)}#ai-connection-note{background:#fff1d9;color:#735016;border-radius:1.5875mm;padding:2.645833mm}#ai-status{min-height:6.35mm;margin:4.233333mm 0}.ai-result-actions{display:flex;justify-content:flex-end;gap:2.116667mm;padding-top:3.704167mm;border-top:0.264583mm solid var(--border)}#image-ai-actions{display:grid;gap:2.116667mm;margin:4.233333mm 0}#image-ai-actions[hidden]{display:none}#image-ai-actions button{min-height:11.641667mm;font-size:3.704167mm}.ai-example-tag[hidden]{display:none}[data-theme=dark] .ai-image-frame{background-color:#292d31}[data-theme=dark] .ai-tools button{background:#303438;border-color:#4b5158}[data-theme=dark] .ai-tools strong{color:#eee7fa}[data-theme=dark] #ai-connection-note{background:#463b28;color:#f0d8a6}[data-theme=dark] .ai-dialog .primary{background:#cab4f4;color:#211531;border-color:#cab4f4}
@media(min-width:180.18125mm){.panel-tabs{overflow-y:auto}.panel-tabs button{flex-shrink:0}}
@media(max-width:179.916667mm){.panel-tabs{display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden}.panel-tabs button{min-width:16.933333mm;flex:1 0 16.933333mm;font-size:3.175mm;height:13.229167mm}.ai-panel{max-height:100.541667mm}.ai-tools{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5875mm}.ai-tools button{padding:2.116667mm 1.5875mm}.ai-tools span{font-size:3.175mm;line-height:1.5}.ai-dialog{padding:4.233333mm}.ai-dialog h2{font-size:5.027083mm}.ai-comparison{gap:2.116667mm}.ai-comparison figcaption{font-size:3.175mm}.ai-result-actions{flex-direction:column}.ai-result-actions button{width:100%}.ai-image-frame span{font-size:3.175mm;padding:2.116667mm}}
/* A single materials entry with three searchable collections. */
.asset-kinds{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:1.058333mm;margin:4.233333mm 0}.asset-kinds button{min-height:11.641667mm;font-size:3.175mm;padding:1.5875mm 1.058333mm;border-radius:2.116667mm}.asset-kinds button[aria-pressed=true]{background:#23382e;color:#fff;border-color:#567662}.asset-caption{font-size:3.175mm;line-height:1.5;margin:1.5875mm 0.529167mm 1.058333mm;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}.asset-rights{margin:3.175mm 0;font-size:3.175mm;line-height:1.7}.asset-rights summary{cursor:pointer;min-height:9.525mm;display:flex;align-items:center}.asset-rights a{color:inherit;text-decoration:underline}.photo-license{display:block;margin-top:3.704167mm}.photo-results a{line-height:1.5;overflow-wrap:anywhere}.photo-topics button{min-height:11.641667mm}.photo-search input{font-size:4.233333mm}.photo-search button{min-height:11.641667mm}
html[data-theme=dark] .asset-kinds button[aria-pressed=true]{background:#b9d8bd;color:#172b1c;border-color:#b9d8bd}html[data-theme=dark] .asset-caption,html[data-theme=dark] .asset-rights{color:#c9d4cc}

.shortcuts-dialog{width:min(201.083333mm,calc(100vw - 6.35mm));max-width:201.083333mm}.shortcuts-dialog>p{font-size:3.704167mm;line-height:1.7}.shortcut-list{display:grid;grid-template-columns:1fr 1fr;gap:3.704167mm 6.35mm}.shortcut-list h3{font-size:3.96875mm;margin:5.291667mm 0 2.116667mm}.shortcut-list dl{margin:0}.shortcut-list dl>div{display:flex;justify-content:space-between;gap:2.645833mm;align-items:center;padding:2.38125mm 0;border-bottom:0.264583mm solid var(--border)}.shortcut-list dt,.shortcut-list dd{margin:0;font-size:3.175mm;line-height:1.5}.shortcut-list dd{text-align:right}.shortcut-list kbd{font:inherit;white-space:nowrap;background:#edf1f3;border:0.264583mm solid #d3dbe0;border-radius:1.058333mm;padding:0.79375mm 1.322917mm;color:#243441}.single-key-setting{display:flex;align-items:center;gap:2.645833mm;margin:5.820833mm 0 3.175mm;font-size:3.439583mm;min-height:11.641667mm}.single-key-setting input{width:4.7625mm;flex-shrink:0}.shortcut-note{color:var(--muted)}[data-theme=dark] .shortcut-list kbd{background:#353b40;border-color:#5c656c;color:#edf1f4}@media(max-width:179.916667mm){.shortcut-list{grid-template-columns:1fr;gap:0}.shortcuts-dialog{padding:4.233333mm}.header-actions{overflow-x:auto;justify-content:flex-start}.header-actions button{flex:0 0 auto;min-height:9.525mm;padding:1.5875mm 2.38125mm}.editor-header{height:auto;min-height:29.633333mm}.shortcut-list dt,.shortcut-list dd{font-size:3.439583mm}}

#font-picker{width:min(174.625mm,calc(100vw - 6.35mm));max-height:88dvh;padding:5.291667mm;box-sizing:border-box}
.font-picker-header{display:flex;align-items:center;justify-content:space-between;gap:4.233333mm}
.font-picker-header h2{margin:0;font-size:5.291667mm}
.font-picker-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.645833mm;max-height:60dvh;overflow-y:auto;margin:4.233333mm 0;padding:1.058333mm;overscroll-behavior:contain}
.font-choice{display:flex;flex-direction:column;align-items:flex-start;gap:1.5875mm;padding:3.704167mm;text-align:left;min-width:0;min-height:37.570833mm}
.font-choice[aria-pressed=true]{outline:0.529167mm solid #6c9fff;outline-offset:-0.529167mm}
.font-choice small{font-size:3.175mm;opacity:.8}
.font-choice-sample{font-size:7.14375mm;line-height:1.65;overflow-wrap:anywhere;font-weight:400}
#open-font-picker{width:100%;margin:2.116667mm 0}
@media(max-width:137.583333mm){.font-picker-list{grid-template-columns:1fr}.font-choice-sample{font-size:7.408333mm}}

#cover-canvas.material-drop-target{outline:0.79375mm solid #83b5ff;outline-offset:1.058333mm} [data-material-drag="true"]{cursor:grab} [data-material-drag="true"]:active{cursor:grabbing}

.photo-crop-dialog{width:min(650px,calc(100vw - 24px))}.photo-crop-dialog canvas{display:block;max-width:100%;height:auto;margin:12px auto}.crop-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.photo-crop-dialog button{min-height:44px}.photo-crop-dialog input{width:100%}

.header-actions{min-width:0;overflow-x:auto}.header-actions>*{flex:0 0 auto;white-space:nowrap}.quick-size-control{min-width:170px}
header.editor-header{gap:12px}header.editor-header .document-title input{width:160px}header.editor-header .header-actions button{padding:8px;font-size:12px}.quick-size-control{width:155px;min-width:155px;max-width:155px}