:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none;color:#19323d;background:#f5f7fa;font-size:14px;--accent:#09877b;--mint:#26c7b2;--line:#e3e9ec;--muted:#6a7d88;--nav:#112c38;--shadow:0 4px 22px #1b35430b}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;border:1px solid transparent;background:var(--accent);color:white;border-radius:8px;padding:10px 16px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.3}button:hover{filter:brightness(.97)}button:disabled{opacity:.55;cursor:wait}button.secondary,.button.secondary{background:white;border-color:#dce4e8;color:#2b4550}button.ghost{background:transparent;color:#5b737e;border-color:transparent}button.danger{color:#b83142;background:#fff0f1;border-color:#f6d2d8}button.small{padding:7px 10px;font-size:12px}.icon{width:18px;height:18px;vertical-align:middle;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,p{margin-top:0}h1{font-size:27px;letter-spacing:-.7px;margin-bottom:7px}h2{font-size:19px;letter-spacing:-.25px;margin-bottom:14px}h3{font-size:15px;margin-bottom:8px}p{line-height:1.6}small,.muted{color:var(--muted)}small{font-size:12px}input,select,textarea{width:100%;border:1px solid #d6e0e5;border-radius:8px;background:white;padding:11px 12px;color:#19323d;outline:none}input:focus,textarea:focus,select:focus{border-color:#42b8aa;box-shadow:0 0 0 3px #25bfa719}input[type=checkbox]{width:17px;height:17px;accent-color:var(--accent)}input[type=color]{padding:4px;min-height:38px}label{display:grid;gap:7px;font-size:12px;font-weight:600;color:#415966}label.check{display:flex;align-items:center;gap:9px;font-size:13px}form{display:grid;gap:18px}.row,.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.between{display:flex;align-items:center;justify-content:space-between;gap:16px}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.panel{background:white;border:1px solid var(--line);border-radius:12px;padding:23px;box-shadow:var(--shadow);margin-bottom:20px}.pill{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:99px;font-size:11px;font-weight:600;background:#edf4f5;color:#4f6a73}.pill.green{background:#e1f5ed;color:#1b8060}.pill.orange{background:#fff3df;color:#9a6b19}.pill.red{background:#fdebee;color:#b24450}.dot{width:6px;height:6px;background:currentColor;border-radius:50%}.notice{border:1px solid #e3ecef;background:#f4f9fa;border-radius:9px;padding:14px 17px;font-size:12px;color:#55707c;line-height:1.65}.notice.warn{border-color:#efe1bd;background:#fff9eb;color:#8a6b2d}.notice.error{border-color:#f1cbd0;background:#fff2f4;color:#a53849}.notice.success{border-color:#bfe4d8;background:#eefaf4;color:#257258}.shell{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--nav);color:#b5c7cf;padding:27px 15px 20px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;width:224px;z-index:30}.logo-box{display:flex;background:white;border-radius:8px;padding:8px 10px;margin:0 9px 33px;min-height:54px;align-items:center}.logo-box img{display:block;width:175px;max-width:100%;height:auto;object-fit:contain}.nav-label{font-size:10px;letter-spacing:1.5px;font-weight:700;color:#7194a6;padding:0 15px;margin-bottom:12px}.sidebar nav{display:grid;gap:5px}.sidebar nav a{padding:12px 15px;color:#a9c0cc;border-radius:7px;display:flex;align-items:center;gap:12px;font-size:13px;font-weight:500;text-decoration:none}.sidebar nav a.active{background:#1c424b;color:#78e7d6}.sidebar nav a:hover{background:#1a3946}.sidebar .nav-spacer{height:26px}.sidebar-footer{margin-top:auto;border-top:1px solid #2a4551;padding:20px 13px 0}.sidebar-footer p{font-size:11px;color:#7f9ca9}.sidebar-footer a{display:block;color:#9bc9cc;font-size:12px;margin-top:9px}.main{grid-column:2;min-width:0}.topbar{height:77px;padding:0 35px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff;gap:15px;position:sticky;top:0;z-index:20}.topbar .crumb{font-size:12px;color:#8a9aa3}.topbar .crumb strong{color:#4c6472;margin-left:9px}.topbar .account{display:flex;align-items:center;gap:11px;font-size:12px}.avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e0f4ee;color:#178274;font-weight:700}.topbar .account small{display:block;font-size:10px;margin-top:3px}.topbar .account button{padding:7px}.content{padding:32px 35px 50px;max-width:1550px;margin:auto}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:26px}.page-heading p{color:var(--muted);font-size:13px;margin:0}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:25px}.metric{background:white;border:1px solid var(--line);padding:21px;border-radius:11px;box-shadow:var(--shadow)}.metric .metric-top{display:flex;justify-content:space-between;gap:8px;color:#6a7e8a;font-size:12px}.metric .metric-icon{color:#36a996;background:#edf8f3;padding:7px;border-radius:8px}.metric strong{font-size:30px;font-weight:650;letter-spacing:-1px;display:block;margin:5px 0}.metric p{font-size:11px;color:#8b9da6;margin:7px 0 0}.welcome-banner{background:linear-gradient(110deg,#163e47,#195b5b);color:white;border-radius:12px;padding:29px 30px;margin-bottom:25px;display:flex;align-items:center;justify-content:space-between;gap:25px}.welcome-banner h2{font-size:23px;margin-bottom:10px}.welcome-banner p{font-size:13px;color:#b9d5d5;margin-bottom:19px;max-width:580px}.welcome-banner button{background:#d0f3e9;color:#135851}.welcome-mark{width:130px;height:95px;border:3px solid #68b9ad;border-radius:9px;position:relative;flex-shrink:0;box-shadow:12px 11px 0 #225f65}.welcome-mark:after{content:"";position:absolute;width:56px;height:4px;background:#6fbeb5;bottom:-17px;left:33px}.two-col{display:grid;grid-template-columns:1.3fr 1fr;gap:22px}.empty-state{padding:46px 23px;text-align:center;color:#7d919b}.empty-state .empty-icon{width:63px;height:63px;border-radius:16px;background:#eef6f5;color:#42a294;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.empty-state .icon{width:28px;height:28px}.empty-state h3{color:#2d4b58;font-size:16px}.empty-state p{font-size:12px;max-width:380px;margin:0 auto 20px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:0 0 22px}.search{max-width:310px;position:relative}.search input{padding-left:36px;background:white}.search .icon{position:absolute;top:12px;left:11px;color:#96a8b1}.toolbar select{width:auto;max-width:215px}.media-grid,.template-grid,.screen-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px}.media-card,.template-card,.screen-card{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:var(--shadow)}.media-thumb{aspect-ratio:16/10;background:#ecf0f4;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;overflow:hidden}.media-thumb img,.media-thumb video{width:100%;height:100%;object-fit:contain}.media-thumb .icon{width:40px;height:40px;color:#90a5b1}.media-thumb .type{position:absolute;left:11px;top:10px;padding:4px 7px;background:#ffffffec;border-radius:5px;font-size:10px;color:#48636c}.card-info{padding:15px 16px}.card-info h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:7px;font-size:13px}.card-info .meta{font-size:11px;color:#8498a3;display:flex;gap:9px;justify-content:space-between}.card-info .card-actions{display:flex;gap:5px;margin-top:12px}.card-info .card-actions button{padding:6px 8px;font-size:11px}.dropzone{border:1.5px dashed #99c7c1;border-radius:11px;background:#f4fbf9;text-align:center;padding:27px;cursor:pointer;margin-bottom:22px;transition:.2s}.dropzone.over{background:#dcf5eb;border-color:#159d84}.dropzone h3{font-size:14px;margin:10px 0 5px}.dropzone p{font-size:11px;color:#81a098;margin:0}.dropzone .icon{width:26px;height:26px;color:#29a28e}.upload-status{display:grid;gap:10px;margin-bottom:15px}.upload-file{padding:13px;background:white;border:1px solid var(--line);border-radius:8px;font-size:12px}.upload-file .progress{height:4px;background:#e9f0f0;border-radius:5px;overflow:hidden;margin:9px 0 4px}.upload-file .progress i{height:100%;background:#2cc4a8;display:block;transition:width .15s}.upload-file .error{color:#b7404e;font-size:11px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{font-size:10px;letter-spacing:.8px;text-transform:uppercase;font-weight:600;color:#8295a0;text-align:left;background:#f8fafb}th,td{padding:15px 13px;border-bottom:1px solid #edf1f3}td strong{font-size:12px;color:#294652}td small{display:block;margin-top:5px;font-size:10px}.screen-preview{aspect-ratio:16/8;background:linear-gradient(130deg,#e4eff0,#f3f7f8);display:flex;align-items:center;justify-content:center;position:relative}.screen-preview .icon{height:50px;width:50px;stroke-width:1;color:#7d9faa}.screen-preview .pill{position:absolute;right:10px;top:10px}.screen-card .details{padding:20px}.screen-card .details p{font-size:12px;color:#7d929b;margin-bottom:6px}.screen-card button{margin-top:14px;width:100%}.template-preview{aspect-ratio:16/9;display:flex;align-items:center;overflow:hidden;position:relative;background:#dce9e7}.template-preview img{width:100%;height:100%;object-fit:cover}.template-preview .template-label{position:absolute;inset:0;padding:24px;display:flex;flex-direction:column;justify-content:center;color:white;background:linear-gradient(90deg,#11242ecc,transparent)}.template-label strong{font-family:Georgia,serif;font-size:25px;line-height:1.05;max-width:74%}.template-label small{color:inherit;font-size:9px;letter-spacing:2px;margin-bottom:9px}.template-card{cursor:pointer;transition:.18s}.template-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #12303a12;border-color:#b5dcd5}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:30px 0 18px}.section-heading h2{margin:0}.category-chips{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0 24px}.chip{border:1px solid #dfe7e9;background:white;color:#78909a;border-radius:30px;font-size:11px;padding:8px 13px}.chip.active{background:#e4f6ef;color:#218876;border-color:#b0ded0}.preview-frame{width:100%;max-height:70vh;object-fit:contain;background:#101d24;border-radius:7px}.step-list{display:grid;gap:18px;counter-reset:steps}.step{display:flex;gap:15px;align-items:flex-start}.step:before{counter-increment:steps;content:counter(steps);width:29px;height:29px;flex-shrink:0;background:#e1f4ec;color:#298b74;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.step h3{margin-bottom:5px}.step p{font-size:12px;color:#768c98;margin-bottom:0}.status-list{display:grid;gap:0}.status-list .row{justify-content:space-between;border-bottom:1px solid var(--line);padding:13px 0;font-size:12px}.code-box{letter-spacing:10px;font-size:45px;font-weight:650;text-align:center;padding:14px}.session-banner{background:#fff3d5;color:#856822;padding:12px 35px;font-size:12px;display:flex;justify-content:space-between;align-items:center;gap:10px}.session-banner button{font-size:11px;padding:5px 10px}.spinner{display:inline-block;width:24px;height:24px;border:3px solid #c8e1dd;border-top-color:#249d88;border-radius:50%;animation:spin 1s linear infinite}.initial-loading{height:70vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;color:#79909a}.loading-area{min-height:250px;display:flex;align-items:center;justify-content:center}@keyframes spin{to{transform:rotate(360deg)}}#toast-region{position:fixed;right:25px;bottom:25px;z-index:250;display:grid;gap:10px;max-width:430px}.toast{background:#183d47;color:white;border-radius:10px;padding:15px 19px;box-shadow:0 8px 28px #0b303633;font-size:12px;line-height:1.55}.toast.error{background:#982f41}.toast button{padding:0 5px;background:transparent;float:right}.auth{display:grid;grid-template-columns:1.05fr 1fr;min-height:100vh;background:#fff}.auth-brand{background:linear-gradient(135deg,#112c38,#1b5053);color:white;padding:60px clamp(30px,7vw,110px);display:flex;flex-direction:column;justify-content:center}.auth-logo{padding:16px 22px;border-radius:12px;background:white;max-width:365px;margin-bottom:60px}.auth-logo img{width:100%;height:auto}.auth-brand h1{font-size:42px;font-weight:600;line-height:1.16;letter-spacing:-1px;max-width:460px;margin-bottom:20px}.auth-brand p{color:#98bfbf;max-width:400px;font-size:14px;line-height:1.8}.auth-brand .tagline{margin-top:40px;font-size:10px;letter-spacing:2px;color:#80b4b3}.auth-form-wrap{padding:45px;display:flex;justify-content:center;align-items:center}.auth-form{max-width:365px;width:100%}.auth-form h2{font-size:25px}.auth-form>p{font-size:13px;color:#8196a1;margin-bottom:30px}.auth-form button[type=submit]{padding:13px}.auth-footer{font-size:12px;color:#8b9fa8;text-align:center;margin-top:25px}.password-wrap{display:flex;position:relative}.password-wrap input{padding-right:65px}.password-wrap button{position:absolute;right:4px;top:4px;bottom:4px;background:transparent;color:#84a094;font-size:11px}.auth-links{display:flex;gap:15px;margin:22px 0;font-size:12px}.auth-error{margin:17px 0;padding:12px;background:#fff0f1;border:1px solid #f4d4db;color:#b34452;border-radius:7px;font-size:12px}dialog{border:0;border-radius:13px;box-shadow:0 30px 100px #061f3455;width:min(660px,calc(100vw - 26px));padding:0;color:#19323d;background:white;max-height:91vh}dialog.wide{width:min(1000px,calc(100vw - 26px))}dialog::backdrop{background:#0a25387a;backdrop-filter:blur(3px)}.modal-head{padding:22px 25px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.modal-head h2{margin:0}.modal-body{padding:25px;max-height:calc(90vh - 84px);overflow-y:auto}.modal-foot{border-top:1px solid var(--line);padding-top:18px;margin-top:7px;display:flex;justify-content:flex-end;gap:10px}.playlist-builder{display:grid;grid-template-columns:1fr 1.2fr;gap:20px}.asset-picker{max-height:440px;overflow:auto;display:grid;gap:7px;align-content:start}.pick-asset{display:flex;align-items:center;gap:10px;padding:9px;border:1px solid var(--line);border-radius:8px;text-align:left;color:#355361;background:white}.pick-asset img{width:45px;height:35px;object-fit:cover;border-radius:4px;background:#edf4f4}.pick-asset span{font-size:11px;overflow:hidden;text-overflow:ellipsis}.playlist-items{display:grid;gap:8px;max-height:430px;overflow:auto;align-content:start}.playlist-item{display:flex;align-items:center;gap:9px;background:#f8fafb;padding:10px;border:1px solid #e5ecef;border-radius:8px}.playlist-item span{flex:1;font-size:11px}.playlist-item input{width:64px;padding:6px;font-size:11px}.playlist-item button{padding:5px;color:#67868f;background:white;border:1px solid #e1e8eb}.days{display:flex;gap:8px;flex-wrap:wrap}.day{display:flex;align-items:center;gap:5px;font-size:11px}.mobile-nav-toggle{display:none}hr{border:0;border-top:1px solid var(--line);margin:20px 0}
@media(max-width:1150px){.content{padding:25px}.topbar{padding:0 25px}.metric-grid{gap:12px}.metric{padding:15px}.two-col{grid-template-columns:1fr}.welcome-mark{display:none}}
@media(max-width:850px){.shell{grid-template-columns:1fr}.sidebar{transform:translateX(-100%);transition:.2s;width:224px}.shell.menu-open .sidebar{transform:translateX(0);box-shadow:10px 0 40px #0d273c40}.main{grid-column:1}.mobile-nav-toggle{display:flex}.topbar{height:65px;padding:0 17px}.topbar .crumb{display:none}.content{padding:22px 17px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth{grid-template-columns:1fr}.auth-brand{padding:28px;min-height:240px}.auth-logo{width:220px;margin-bottom:25px;padding:10px}.auth-brand h1{font-size:28px;margin-bottom:10px}.auth-brand p,.auth-brand .tagline{display:none}.auth-form-wrap{padding:28px 25px}.playlist-builder{grid-template-columns:1fr}.asset-picker{max-height:180px}.page-heading{align-items:flex-start}.page-heading h1{font-size:23px}.toolbar{flex-wrap:wrap}.media-grid,.template-grid,.screen-grid{grid-template-columns:repeat(auto-fill,minmax(205px,1fr))}}
@media(max-width:480px){.fields{grid-template-columns:1fr}.page-heading{flex-direction:column;gap:16px}.page-heading .actions{width:100%}.panel{padding:18px}.welcome-banner{padding:23px}.welcome-banner h2{font-size:20px}.topbar .account .account-email{display:none}.media-grid,.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-info{padding:12px}.card-info .card-actions{flex-wrap:wrap}.media-thumb{aspect-ratio:1}.template-label strong{font-size:19px}.template-preview .template-label{padding:15px}.metric strong{font-size:26px}#toast-region{left:15px;right:15px;bottom:16px}.modal-body{padding:18px}.modal-head{padding:17px}}

/* DESIGNER_V2 */
.designer-content{max-width:none;padding:0!important}.designer{height:calc(100vh - 77px);display:flex;flex-direction:column;background:#eef1f4;min-height:680px}.designer-top{background:white;border-bottom:1px solid #dfe7eb;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 18px;flex-wrap:wrap;min-height:65px}.designer-top input{width:230px;padding:7px 9px;border-color:transparent;font-weight:600}.designer-top input:focus{border-color:#b0d4cc}.design-save-state{font-size:10px;color:#8ba095}.editor-toolline{background:#fafbfc;border-bottom:1px solid #dce5e9;padding:8px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.editor-toolline button{font-size:10px;padding:6px 8px}.editor-toolline select{padding:6px 8px;font-size:10px;width:175px}.tool-divider{height:16px;border-left:1px solid #dce5e9}.editor-snap{display:flex;align-items:center;gap:5px;font-size:10px}.editor-snap input{height:13px;width:13px}.editor-workspace{display:grid;grid-template-columns:208px minmax(0,1fr) 218px;min-height:0;flex:1}.editor-library{background:white;border-right:1px solid #dce5e9;overflow-y:auto}.editor-library nav{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #e2e9ed;position:sticky;top:0;background:white;z-index:2}.editor-library nav button{font-size:10px;border:0;border-bottom:2px solid transparent;background:transparent;color:#81959e;padding:14px 2px;border-radius:0}.editor-library nav button.active{color:#168a78;border-bottom-color:#159980;background:#f3fbf8}#editor-library-body{padding:20px 14px}#editor-library-body h3{font-size:12px}#editor-library-body p{font-size:10px;line-height:1.7}#editor-library-body label{font-size:10px}#editor-library-body input{font-size:11px;padding:8px}#editor-library-body>.secondary{font-size:10px;padding:8px;width:100%}.editor-hint{font-size:10px;line-height:1.65;color:#8296a0}.text-preset{display:block;width:100%;background:#f5f8fa;border:1px solid #e6ecef;color:#3b5561;text-align:left;margin:12px 0;padding:13px 12px;border-radius:7px}.text-preset.large{font-size:20px;font-weight:700}.text-preset.medium{font-size:15px}.text-preset.normal{font-size:12px;font-weight:400}.text-preset.serif{font-family:Georgia,serif;font-size:20px;font-weight:400}.text-preset.price{font-size:30px}.text-preset.label{font-size:9px;letter-spacing:2px}.shape-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.shape-grid button{display:flex;flex-direction:column;gap:8px;padding:17px 4px;background:#f1f7f5;color:#35756c;border:1px solid #e1ebe7}.shape-grid span{font-size:33px}.shape-grid small{font-size:9px}.swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.swatches button{padding:0;aspect-ratio:1;border:1px solid #d3e0df;border-radius:50%}.editor-stage{min-width:0;display:flex;flex-direction:column;overflow:hidden;background-color:#e8edf1;background-image:radial-gradient(#bdcbd3 .6px,transparent .6px);background-size:12px 12px}#canvas-viewport{display:flex;justify-content:center;align-items:center;flex:1;min-height:0;overflow:auto;padding:25px;position:relative}.canvas-container{box-shadow:0 5px 25px #24414d28;flex-shrink:0}.editor-pages{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background:#f8fafbcc;border-top:1px solid #d7e2e7;gap:10px;flex-wrap:wrap}.editor-pages button{font-size:10px;padding:6px 9px}.editor-pages .page-tab{color:#68848e;background:white;border:1px solid #d8e4e8}.editor-pages .page-tab.active{background:#e3f6ee;border-color:#87c9b7;color:#287d6c}#zoom-value{font-size:10px;min-width:35px;text-align:center}.editor-inspector{background:white;border-left:1px solid #dce5e9;padding:18px 14px;overflow-y:auto;min-width:0}.editor-inspector h3{font-size:12px;margin-bottom:15px}.editor-inspector h4{font-size:11px;margin-bottom:9px}.editor-inspector label{font-size:9px;color:#80959d;gap:4px;margin-bottom:10px}.editor-inspector input,.editor-inspector textarea,.editor-inspector select{padding:7px;font-size:10px;min-width:0;border-radius:5px}.editor-inspector input[type=color]{height:30px;min-height:30px;padding:3px}.prop-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 9px}.inspector-kind{text-transform:uppercase;color:#76a395;font-size:9px;letter-spacing:1px;margin-bottom:14px}.text-style-buttons{display:flex;gap:5px;margin-bottom:14px}.text-style-buttons button{padding:5px 8px;background:#f7f9fa;color:#53747e;border:1px solid #dce8eb;font-size:12px}.text-style-buttons button.active{color:#238775;background:#e2f6ed}.text-style-buttons select{flex:1;width:70px}.editor-inspector .row button{font-size:9px;padding:6px 9px}.layer-title{display:flex;justify-content:space-between;border-top:1px solid #e2e9ed;padding-top:18px;margin-top:22px}.layer-title h3{margin-bottom:12px}.layer-title small{font-size:9px}.layer-row{display:flex;align-items:center;gap:1px;background:#f8fafb;border:1px solid #e4ecef;border-radius:5px;margin-bottom:5px}.layer-row.selected{background:#e8f7f0;border-color:#9fd3c1}.layer-row button{background:transparent;border:0;color:#728d97;padding:8px 5px;border-radius:0}.layer-select{font-size:9px;flex:1;text-align:left!important;justify-content:flex-start;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.layer-control{font-size:11px}.editor-media-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.editor-media-grid button{height:80px;padding:0;background:#eff5f6;border:1px solid #dce6e9;overflow:hidden}.editor-media-grid img{height:100%;width:100%;object-fit:cover}.editor-media-grid p{grid-column:1/-1}
@media(max-width:1250px){.editor-workspace{grid-template-columns:170px minmax(0,1fr) 185px}.designer-top{padding:10px}.designer-top input{width:175px}.designer-top .row{gap:6px}.designer-top button{font-size:10px;padding:7px 9px}.design-save-state{display:none}}
@media(max-width:1000px){.designer{height:auto;min-height:calc(100vh - 65px)}.editor-workspace{grid-template-columns:165px minmax(0,1fr);min-height:700px}.editor-inspector{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:14px;border-top:1px solid #dde7eb}.editor-inspector>h3{grid-column:1/-1}.editor-inspector .layer-title{margin-top:0;border-top:0}.editor-stage{min-height:530px}.editor-toolline{gap:6px}.editor-toolline .row{gap:3px}}
@media(max-width:600px){.editor-workspace{grid-template-columns:1fr}.editor-library{max-height:240px;border-bottom:1px solid #dce5e9}.editor-library nav{position:static}.editor-stage{min-height:440px}#editor-library-body{padding:14px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}#editor-library-body h3,#editor-library-body p{width:100%;margin:0}.text-preset{width:auto;margin:5px 0;padding:10px}.editor-inspector{grid-template-columns:1fr}.designer-top input{width:180px}.editor-toolline select{width:150px}.editor-pages{padding:8px}.editor-pages .row{gap:4px}.editor-media-grid{width:100%;grid-template-columns:repeat(4,1fr)}.shape-grid{display:flex;width:100%;gap:7px}.shape-grid button{flex:1}.swatches{display:flex}.swatches button{height:28px;width:28px}}

/* Inspector readability refinement */
.editor-inspector label{font-size:10px}.editor-inspector input,.editor-inspector textarea,.editor-inspector select{font-size:11px}.layer-select{font-size:10px}.editor-toolline button{font-size:11px}.editor-hint{font-size:11px}