.wide{width:100%;margin:8px 0;font-size:11px}.subhead{margin-top:22px}.asset-library{display:flex;flex-direction:column;gap:6px;max-height:230px;overflow:auto;margin-top:10px;overscroll-behavior:contain}.asset-item{display:flex;align-items:center;gap:10px;text-align:left;padding:7px;border:1px solid #dfe5eb;border-radius:6px;min-height:64px}.asset-item img{width:38px;height:49px;object-fit:contain;background:#edf0f4}.asset-item span{min-width:0;font-size:10px;overflow-wrap:anywhere;line-height:1.4}.asset-item small{display:block;color:#657487;margin-top:4px}.shadow-presets{display:flex;gap:5px;margin-top:12px}.shadow-presets button{padding:6px 9px;border:1px solid #dfe5eb;border-radius:5px;font-size:10px}.studio-tabs{display:flex;pointer-events:auto;background:#ffffffd9;padding:4px;border-radius:7px;border:1px solid #dbe1e9}.studio-tabs button{padding:8px 13px;font-size:11px;border-radius:4px}.studio-tabs .selected{background:#253340;color:white}.preview-bar{top:15px}.cover-editor{position:absolute;inset:67px 0 0;z-index:2;display:flex;flex-direction:column;background:#edf1f5}.editor-toolbar{display:flex;align-items:center;gap:8px;padding:10px 20px;border-bottom:1px solid #d7dfe8;min-height:56px}.editor-toolbar label{display:flex;align-items:center;gap:8px;font-size:11px}.editor-toolbar select{border:1px solid #ccd5e1;border-radius:5px;padding:8px;color:#253340;background:white;max-width:180px}.editor-toolbar>button{font-size:16px;min-width:32px;min-height:32px;border-radius:5px}.editor-toolbar .secondary{font-size:11px;margin-left:auto}.artboard-area{flex:1;min-height:0;position:relative;overflow:hidden;background-color:#e8edf2;background-image:radial-gradient(#c9d2de 0.6px,transparent 0.6px);background-size:12px 12px}.artboard-area svg{width:100%;height:100%;display:block;touch-action:none;user-select:none}.editing-cover #viewport{position:absolute;right:13px;bottom:205px;width:150px;height:160px!important;min-height:0!important;z-index:3;border:1px solid #bdc9d8;border-radius:7px;overflow:hidden;background:#e8ecf0;box-shadow:0 5px 16px #27374c1a}.editing-cover #viewport canvas{max-width:100%;max-height:100%;object-fit:contain}.editing-cover .scene-caption,.editing-cover .view-controls,.editing-cover .preview-bottom{visibility:hidden}.mini-label{position:absolute;right:16px;bottom:4px;font-size:9px;color:#617187;display:none}.transform-bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:13px 20px 8px;background:white;border-top:1px solid #d7dfe8}.transform-bar label{font-size:10px;color:#526276;display:flex;flex-direction:column;gap:6px}.transform-bar input{width:100%;min-width:0;border:1px solid #d3dce8;border-radius:5px;padding:8px;font-size:12px;color:#253340;background:white}.art-actions{display:flex;gap:5px;flex-wrap:wrap;padding:4px 20px 9px;background:white}.art-actions button{border:1px solid #dce3ed;border-radius:5px;font-size:10px;padding:7px 9px}.art-actions .check{margin:0 0 0 auto;font-size:10px}.editor-help{margin:0;background:white;padding:3px 20px 12px;font-size:10px;color:#637286;line-height:1.5;overflow-wrap:anywhere}.pdf-controls{display:grid;grid-template-columns:1fr 1fr;gap:16px}#pdfDialog{max-height:calc(100dvh - 35px);overflow-y:auto}#pdfPreview{background:#edf1f5;margin-top:15px;display:grid;place-items:center;min-height:100px;max-height:350px;overflow:hidden}#pdfPreview canvas{max-width:100%;max-height:350px;object-fit:contain}.settings .panel-heading{margin-bottom:17px}input[type=number]{font-variant-numeric:tabular-nums}@media(min-width:1200px){.workspace{grid-template-columns:285px minmax(320px,1fr) 278px}}@media(max-width:850px){.editor-toolbar{padding:9px 12px;gap:5px}.editor-toolbar select{max-width:130px;font-size:10px}.cover-editor{inset:65px 0 0}.editing-cover #viewport{width:104px;height:112px!important;right:9px;bottom:215px}.transform-bar{padding:11px 12px 7px;gap:6px}.art-actions{padding:5px 12px;gap:4px}.art-actions button{padding:7px;font-size:9px}.editor-help{padding:5px 12px 9px;font-size:9px}.editor-toolbar label{font-size:0}.transform-bar label{font-size:9px}.studio-tabs button{padding:8px;font-size:10px}.preview-tag{display:none}.studio-tabs{width:max-content}.editing-cover .preview{isolation:isolate}.settings,.export-panel{z-index:10}.editing-cover #viewport{z-index:3}}

.material-block{margin-top:20px;padding-top:18px;border-top:1px solid #e4e9ee}.material-block h3{margin-bottom:10px}.editor-toolbar select{max-width:190px}@media(max-width:850px){.editor-toolbar select{max-width:145px}.editing-cover #viewport{display:none}.editor-toolbar{gap:4px}.editor-toolbar .secondary{padding:8px}.artboard-area{padding:0}}

.asset-item{content-visibility:auto;contain-intrinsic-size:64px}#artboard:focus-visible{outline:2px solid #5978de;outline-offset:-3px}.topbar{padding-left:max(15px,env(safe-area-inset-left));padding-right:max(15px,env(safe-area-inset-right))}.footer{padding-bottom:max(10px,env(safe-area-inset-bottom))}

/* Exclusive tool panels keep the canvas anchored. */
.tool-section{margin:0!important;border:0!important;border-bottom:1px solid #e1e6ec!important;padding:0!important}.tool-section>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;padding:15px 0;font-size:12px;font-weight:650;color:#273b49}.tool-section>summary::-webkit-details-marker{display:none}.tool-section>summary:after{content:'＋';font-size:16px;font-weight:400;color:#6a7787}.tool-section[open]>summary:after{content:'−'}.tool-section[open]>summary{color:#3858d6}.tool-section>summary:focus-visible{outline:2px solid #5978de;outline-offset:3px}.tool-content{max-height:clamp(180px,calc(100dvh - 400px),470px);overflow-y:auto;overflow-x:hidden;padding:0 7px 16px 0;scrollbar-width:thin;overscroll-behavior:contain}.tool-content .subhead{margin-top:18px}.tool-content .transform-bar{grid-template-columns:1fr 1fr;padding:0;border:0;gap:12px}.tool-content .art-actions{padding:12px 0 0;gap:6px}.tool-content .art-actions .check{width:100%;margin:8px 0}.tool-content h4{font-size:11px;margin:20px 0 8px}.crop-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.crop-grid label{font-size:10px;color:#526276}.crop-grid input{width:100%;border:1px solid #d3dce8;border-radius:5px;padding:8px;margin-top:6px;color:#253340}.editing-cover #viewport{bottom:58px;width:130px;height:145px!important;right:16px}.artboard-area{background-size:10px 10px}.settings .panel-heading,.export-panel .panel-heading{margin-bottom:10px}.export-summary{margin-top:22px}.export-panel .tip{display:none}.editor-help{padding:9px 18px;min-height:35px}.tool-content .check{line-height:1.5}@media(max-width:850px){.tool-content{max-height:calc(100dvh - 370px);min-height:0}.editing-cover #viewport{display:none}.editor-help{font-size:9px}.tool-section>summary{padding:13px 0}}

.tool-section>summary{padding:11px 0;font-size:11px}.settings,.export-panel{padding-top:20px;padding-bottom:20px}.settings .tool-content{padding-bottom:10px}.panel-heading .step-note{font-size:11px}
.editing-cover .artboard-area{padding-right:150px}.editing-cover #viewport{right:10px;width:130px}@media(max-width:1000px){.editing-cover .artboard-area{padding-right:0}.editing-cover #viewport{display:none}}