:root{--bg:#f6f7f9;--paper:#fff;--ink:#20212b;--muted:#858894;--line:#e9eaf0;--purple:#6558ed;--purple-soft:#f0edff;--radius:16px;--font:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:13px/1.55 var(--font)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.35}button,input,select,textarea{outline:none}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #bcb4ff;outline-offset:3px}button{color:inherit}a{color:inherit}svg{display:block}button svg,.ui-icon svg{width:18px;height:18px}button>span[data-icon]{display:inline-flex;flex-shrink:0}.rail{position:fixed;inset:0 auto 0 0;width:76px;background:#fff;border-right:1px solid var(--line);display:flex;align-items:center;flex-direction:column;padding:22px 0 16px;z-index:20}.brand-mark{width:40px;height:40px;background:var(--purple);color:#fff;border-radius:13px;display:grid;place-items:center;margin-bottom:34px;box-shadow:0 6px 15px #6558ed22}.brand-mark svg{width:30px;height:30px}.rail-btn{position:relative;border:0;background:none;width:56px;height:64px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;margin-bottom:8px;color:#8a8c98;font-size:10px}.rail-btn svg{width:20px;height:20px}.rail-btn.active{background:var(--purple-soft);color:var(--purple)}.rail-btn:hover{background:#f6f5ff;color:var(--purple)}.rail-btn b{position:absolute;top:7px;right:7px;background:#f1eefc;padding:0 4px;border-radius:10px;font-size:9px;font-weight:500}.rail-spacer{flex:1}.rail-foot{font-size:9px;line-height:1.6;text-align:center;color:#a8aab5;margin-top:10px;letter-spacing:1px}.app{margin-left:76px}.topbar{height:78px;padding:0 30px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.wordmark{display:flex;align-items:center;gap:13px;font-size:22px;letter-spacing:-1px;font-weight:750}.wordmark-divider{height:19px;width:1px;background:#dfe1e8;margin-left:4px}.wordmark-sub{font-size:13px;font-weight:500;color:#767986;letter-spacing:0}.beta{font:9px/1.6 var(--font);letter-spacing:1px;font-weight:650;color:var(--purple);background:var(--purple-soft);padding:2px 7px;border-radius:5px}.top-actions{display:flex;align-items:center;gap:12px}.saved-status{display:flex;align-items:center;gap:6px;font-size:11px;color:#8c909b;margin-right:5px}.saved-status i,.mini-label i{width:5px;height:5px;border-radius:100%;background:#41aa86}.btn{border:1px solid var(--line);background:white;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:37px;padding:8px 13px;font-weight:500;white-space:nowrap;transition:.15s}.btn:hover{border-color:#cbc7ef;box-shadow:0 2px 5px #25223b06}.btn-primary{background:var(--purple);color:white;border-color:var(--purple);box-shadow:0 3px 8px #6558ed18}.btn-primary:hover{background:#574ad7;border-color:#574ad7}.btn-quiet{border-color:transparent;background:transparent;color:#686c79}.icon-btn{width:33px;height:33px;display:inline-grid;place-items:center;background:transparent;border:1px solid transparent;border-radius:8px;flex-shrink:0}.icon-btn:hover{background:#f0f0f7}.icon-btn.small{height:28px;width:28px}.icon-btn.is-favorite{color:#ee6b87;background:#fff0f4}.icon-btn.is-favorite svg{fill:#ee6b8733}.workspace-heading{display:flex;justify-content:space-between;align-items:center;padding:28px 30px 23px}.eyebrow{color:#8b8d99;font-size:10px;letter-spacing:1px;margin-bottom:6px}.project-name{display:flex;align-items:center;gap:9px}.project-name input{font-size:22px;font-weight:650;border:0;background:transparent;width:210px;padding:0;letter-spacing:-.7px}.muted-icon{color:#a8aab5;display:inline-flex}.muted-icon svg{width:16px;height:16px}.history-actions{display:flex;align-items:center;gap:3px}.toolbar-divider{width:1px;height:17px;background:#dee0e8;margin:0 8px}.editor-grid{display:grid;grid-template-columns:264px minmax(300px,1fr) 292px;gap:18px;padding:0 30px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;min-width:0;display:flex;flex-direction:column}.panel-title{display:flex;align-items:center;justify-content:space-between;padding:21px 18px 17px}.panel-title h2{margin:0;font-size:14px;font-weight:650;letter-spacing:-.2px}.count-badge{font-size:9px;color:#9a9ca7;background:#f7f8fa;border:1px solid #ededf2;padding:2px 6px;border-radius:5px}.segmented{display:flex;background:#f4f5f7;padding:3px;border-radius:9px;gap:3px}.segmented button{flex:1;border:0;background:transparent;border-radius:7px;color:#9396a1;font-size:11px;min-height:30px;white-space:nowrap}.segmented button[aria-selected=true],.segmented button.active{color:var(--ink);background:#fff;box-shadow:0 1px 4px #2020300b}.library-tabs,.inspector-tabs{margin:0 17px 17px}.search-wrap{display:flex;align-items:center;background:#f7f8fa;border:1px solid #ebedf1;border-radius:9px;padding:9px 10px;gap:7px;margin:0 17px 15px}.search-wrap svg{width:15px;height:15px;color:#a2a5af}.search-wrap input{width:100%;border:0;background:transparent;color:#404350;font-size:10px;min-width:0}.search-wrap input::placeholder{color:#a2a5ae}.search-clear{background:none;border:0;padding:0 2px;color:#a2a5ae}.categories{display:flex;gap:5px;flex-wrap:wrap;padding:0 17px 15px}.category{border:1px solid transparent;background:none;color:#9396a1;border-radius:6px;font-size:10px;padding:4px 7px}.category.active{background:var(--purple-soft);color:var(--purple);font-weight:550}.category:hover{background:#f6f5fc}.catalog-meta{display:flex;justify-content:space-between;padding:0 18px 11px;font-size:9px;color:#a6a8b2}.icon-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;padding:2px 17px 16px;align-content:start;max-height:406px;min-height:320px;overflow:auto;scrollbar-width:thin;scrollbar-color:#e1dfec transparent}.icon-cell{aspect-ratio:1;border:1px solid #efeff4;border-radius:9px;background:#fff;color:#656978;display:grid;place-items:center;transition:.15s;position:relative;padding:8px}.icon-cell svg{width:22px;height:22px}.icon-cell:hover{color:var(--purple);border-color:#d4cdfb;background:#faf9ff;transform:translateY(-1px)}.icon-cell.selected{border-color:var(--purple);background:var(--purple-soft);color:var(--purple);box-shadow:0 0 0 1px var(--purple)}.icon-cell.selected:after{content:"";position:absolute;right:3px;bottom:3px;width:4px;height:4px;background:var(--purple);border-radius:100%}.empty-search{grid-column:1/-1;text-align:center;color:#9295a1;padding:50px 8px;line-height:1.9;font-size:12px}.load-more{grid-column:1/-1;background:#f8f8fb;border:0;padding:9px;border-radius:7px;color:#878a97;font-size:10px}.library-footer{margin-top:auto;border-top:1px solid #f0f1f5;padding:13px 17px;display:flex;gap:6px;align-items:center;font-size:9px;color:#a0a3af}.library-footer svg{height:13px;width:13px;color:#a9acb8}#libraryContent{flex:1}.canvas-panel{display:flex;min-width:0;flex-direction:column}.canvas-topline{height:38px;display:flex;justify-content:space-between;align-items:center;padding:0 4px 10px}.mini-label{font-size:10px;color:#858995;display:flex;align-items:center;gap:6px}.mini-label i{background:#a7a0ed}.canvas-tools{display:flex;align-items:center;gap:3px}.tiny-btn{padding:4px 9px;font-size:10px;background:transparent;border:1px solid transparent;color:#a0a2ad;border-radius:6px}.tiny-btn.active{background:#fff;border-color:#e6e6ed;color:#656777}.stage{background:#eeeff3;min-height:377px;flex:1;border:1px solid #e5e6ed;border-radius:15px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.grid-on{background-color:#f0f1f5;background-image:radial-gradient(#c9cbd74d .75px,transparent .75px);background-size:16px 16px}.preview-holder{width:min(76%,350px);aspect-ratio:1;transition:transform .2s;filter:drop-shadow(0 16px 20px #1c1d3508)}.preview-holder>svg{width:100%;height:100%}.canvas-watermark{font-size:7px;letter-spacing:2px;color:#b0b3c0;position:absolute;bottom:18px;left:0;right:0;text-align:center}.canvas-bottomline{display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#9a9eaa;padding:12px 3px}.canvas-bottomline b{font-weight:500;margin-left:8px;color:#7e8290}.canvas-bottomline>span:first-child{max-width:43%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.palette-strip{background:white;border:1px solid var(--line);border-radius:11px;display:flex;align-items:center;gap:12px;padding:12px 13px;margin:1px 0 14px;font-size:9px;color:#8e929e;min-height:54px}.palette-strip>span{white-space:nowrap}.palette-strip>div{display:flex;gap:6px;flex:1;justify-content:flex-start}.palette-swatch{width:25px;height:25px;border:2px solid white;border-radius:100%;box-shadow:0 0 0 1px #ebebf0;transition:.15s}.palette-swatch:hover{transform:translateY(-2px);box-shadow:0 0 0 2px #d2cafa}.text-btn{border:0;background:transparent;padding:0;display:inline-flex;align-items:center;gap:4px;color:#8c8f9b;white-space:nowrap;font-size:9px}.text-btn svg{height:12px;width:12px}.text-btn:hover{color:var(--purple)}.delivery-card{display:flex;align-items:center;gap:10px;padding:17px 14px;border:1px solid #e4defb;border-radius:12px;background:linear-gradient(120deg,#f2efff,#faf9ff)}.delivery-symbol{height:33px;width:33px;display:grid;place-items:center;border:1px solid #e4dcff;border-radius:9px;background:#fff;color:var(--purple);flex-shrink:0}.delivery-symbol svg{height:18px;width:18px}.delivery-card>div:nth-child(2){flex:1}.delivery-card strong{font-size:11px;font-weight:600;color:#5e567d}.delivery-card p{font-size:9px;color:#a39bb8;margin:3px 0 0}.delivery-card button{color:#8a80ac}.inspector-panel{height:fit-content;min-height:641px}.inspector-tabs{margin-bottom:3px}.control-section{padding:17px 18px 15px;border-bottom:1px solid #f0f1f5}.control-section:last-child{border:0}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.section-heading h3{margin:0;font-size:11px;font-weight:600}.section-heading small{font-size:9px;color:#aaaeba}.bg-type{margin-bottom:13px}.bg-type button{font-size:10px;min-height:27px}.color-pair{display:flex;gap:9px;margin-bottom:12px}.color-control{flex:1;border:1px solid #e9eaf0;border-radius:7px;padding:6px 7px;display:flex;align-items:center;gap:7px;min-width:0}.color-control input[type=color]{width:23px;height:23px;padding:0;border:0;appearance:none;background:none;cursor:pointer;border-radius:5px;flex-shrink:0}.color-control input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-control input[type=color]::-webkit-color-swatch{border:0;border-radius:5px}.color-control input[type=text]{min-width:0;width:100%;font-size:9px;color:#9295a0;border:0;background:transparent;letter-spacing:.1px}.control-row{margin-top:13px}.control-row-header{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#898d99;margin-bottom:6px}.control-row-header output{font-size:9px;color:#858995;font-variant-numeric:tabular-nums;background:#f7f8fa;border-radius:4px;padding:1px 5px;min-width:33px;text-align:center}input[type=range]{appearance:none;-webkit-appearance:none;height:4px;border-radius:10px;display:block;width:100%;margin:10px 0 4px;background:linear-gradient(to right,var(--purple) 0%,var(--purple) var(--range,50%),#edeef3 var(--range,50%),#edeef3 100%);cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;width:13px;height:13px;border-radius:100%;background:#fff;border:2px solid var(--purple);box-shadow:0 1px 3px #24233722}input[type=range]::-moz-range-thumb{width:10px;height:10px;border-radius:100%;background:#fff;border:2px solid var(--purple)}.toggle-row{display:flex;align-items:center;justify-content:space-between;margin-top:14px;font-size:10px;color:#898d99}.switch{position:relative;width:29px;height:17px;display:block}.switch input{appearance:none;position:absolute;inset:0;margin:0;cursor:pointer;background:#e7e8ee;border-radius:20px;transition:.15s}.switch input:checked{background:var(--purple)}.switch input:after{content:"";position:absolute;left:3px;top:3px;width:11px;height:11px;border-radius:100%;background:#fff;box-shadow:0 1px 3px #0001;transition:.15s}.switch input:checked:after{left:15px}.inspector-footer{padding:15px 18px;display:flex;align-items:center;gap:6px;color:#acaeba;font-size:9px;margin-top:auto}.inspector-footer svg{width:13px;height:13px}.field{display:block;margin-bottom:14px}.field>span{display:block;font-size:10px;color:#8d919d;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;background:#fafbfc;border:1px solid #e7e8ef;border-radius:8px;padding:9px 10px;color:#515563;font-size:11px}.field textarea{resize:vertical;min-height:64px}.text-panel,.upload-panel{padding:6px 18px 25px}.monogram-input{height:110px!important;text-align:center;font-size:48px!important;font-weight:700;color:var(--purple)!important;background:#faf9ff!important}.help-text{font-size:10px;color:#a0a3af;line-height:1.9}.text-examples{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.text-examples button{border:1px solid #e9e7f4;border-radius:7px;min-width:36px;height:36px;background:white;color:#858092}.upload-drop{border:1px dashed #d5d0f2;border-radius:12px;background:#fbfaff;text-align:center;padding:32px 10px;margin-top:6px;cursor:pointer}.upload-drop svg{width:29px;height:29px;margin:0 auto 12px;color:#8b7fce}.upload-drop strong{font-size:11px;font-weight:500;color:#77718d}.upload-drop p{font-size:9px;color:#aaa5b9}.upload-panel .btn{margin-top:12px;width:100%;font-size:11px}.app-footer{padding:20px 31px 17px;display:flex;justify-content:space-between;color:#b0b3bd;font-size:9px}.app-footer b{font-weight:600;color:#9296a2}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);background:#282638;color:white;padding:12px 20px;border-radius:11px;box-shadow:0 8px 30px #15132226;font-size:12px;z-index:300;opacity:0;pointer-events:none;transition:.2s;max-width:min(90vw,560px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.modal-backdrop{position:fixed;inset:0;background:#25233b55;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:100}.modal{background:white;border:1px solid #e7e5ee;border-radius:20px;box-shadow:0 25px 90px #16142a33;width:min(780px,100%);max-height:90vh;overflow:auto;position:relative}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:25px 28px 20px;border-bottom:1px solid var(--line)}.modal-header h2{font-size:20px;margin:0 0 5px;letter-spacing:-.5px}.modal-header p{font-size:11px;color:#969aa7;margin:0}.modal-body{padding:24px 28px}.modal-footer{padding:17px 28px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px;background:#fdfdfe}.modal-footer .help-text{margin:0}.export-layout{display:grid;grid-template-columns:1fr 200px;gap:24px}.package-options{display:flex;flex-direction:column;gap:8px}.package-option{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:11px;cursor:pointer}.package-option:has(input:checked){border-color:#bfb5fb;background:#fcfbff}.package-option input{accent-color:var(--purple);height:15px;width:15px}.package-option strong{display:block;font-size:11px;font-weight:550}.package-option small{display:block;font-size:9px;color:#aaa8b6;margin-top:2px}.package-option .file-tag{margin-left:auto;font-size:8px;color:#a19aae}.export-preview{border:1px solid var(--line);border-radius:12px;padding:16px;background:#fafafd;text-align:center;height:fit-content}.export-preview>div{width:130px;margin:0 auto 15px}.export-preview svg{width:100%;height:100%}.export-preview strong{font-size:12px}.export-preview p{font-size:9px;color:#aaa7b7;line-height:1.9}.export-preview code{font-size:9px;color:#868094}.export-single{display:flex;gap:8px;margin-top:16px}.export-single .btn{flex:1;font-size:10px;padding:8px}.progress-track{height:4px;border-radius:6px;background:#f0edf9;overflow:hidden;margin:15px 0 6px}.progress-track i{display:block;height:100%;background:var(--purple);width:0;transition:width .1s}.export-size{margin-top:17px}.export-size>span{font-size:10px;color:#93909f}.size-buttons{display:flex;gap:5px;margin-top:7px}.size-buttons button{border:1px solid var(--line);background:white;font-size:10px;border-radius:6px;padding:5px 9px;flex:1}.size-buttons button.active{border-color:var(--purple);color:var(--purple);background:var(--purple-soft)}.modal .field{max-width:100%}.favorites-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.favorite-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;position:relative}.favorite-art{background:#f5f5f9;padding:20px;cursor:pointer}.favorite-art svg{width:100%;height:auto}.favorite-meta{padding:10px 12px;display:flex;align-items:center;justify-content:space-between;font-size:11px}.favorite-meta .icon-btn{height:25px;width:25px}.favorite-meta button svg{width:13px;height:13px}.empty-state{text-align:center;color:#a19dac;padding:40px 20px}.empty-state>span svg{width:40px;height:40px;margin:0 auto 16px;color:#beb7d6}.empty-state p{font-size:11px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.guide-tile{padding:16px;border:1px solid var(--line);border-radius:10px}.guide-tile strong{font-size:12px}.guide-tile p{font-size:10px;color:#8e8b9b;line-height:1.9;margin:7px 0 0}.guide-note{font-size:10px;color:#9792a6;padding:14px;background:#f6f4fd;border-radius:9px;margin:16px 0}.guide-links{font-size:10px;color:#94899e;display:flex;gap:12px;flex-wrap:wrap}.project-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.project-action{border:1px solid var(--line);background:#fafafe;border-radius:12px;padding:23px;text-align:left}.project-action svg{width:24px;height:24px;color:var(--purple);margin-bottom:14px}.project-action strong{display:block;font-size:13px}.project-action p{font-size:10px;color:#9a96a7;margin-bottom:0}.app-mock{width:100%;height:100%;padding:36px;display:grid;grid-template-columns:1fr 1fr;gap:15px;align-content:center}.app-mock[hidden]{display:none}.mock-card{background:#ffffffaa;border:1px solid #fff;border-radius:13px;text-align:center;padding:20px 10px;font-size:10px;color:#9293a4}.mock-card>div{width:64px;height:64px;margin:0 auto 12px}.mock-card svg{width:100%;height:100%}.mock-card.circle>div{border-radius:50%;overflow:hidden}.mock-card.squircle>div{border-radius:16px;overflow:hidden}.share-url{font-size:10px!important;word-break:break-all}.error-banner{padding:15px;border-radius:9px;background:#fff5f3;color:#b96c5a;font-size:11px;margin:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1600px){.editor-grid{grid-template-columns:300px minmax(400px,1fr) 330px;gap:24px;max-width:1800px;margin:auto}.stage{min-height:480px}.icon-grid{max-height:485px;min-height:410px;grid-template-columns:repeat(5,minmax(0,1fr))}.inspector-panel{min-height:720px}.preview-holder{width:360px}.panel-title{padding:24px}.library-tabs,.inspector-tabs{margin-left:22px;margin-right:22px}.control-section{padding:20px 23px}.workspace-heading{padding-top:33px;padding-bottom:27px}.palette-strip{padding:16px}.delivery-card{padding:22px}}
@media(max-width:1180px){.editor-grid{padding:0 20px;gap:12px;grid-template-columns:230px minmax(260px,1fr) 260px}.topbar{padding:0 22px}.workspace-heading{padding:23px 22px}.wordmark-sub,.saved-status{display:none}.palette-strip{gap:8px;padding:10px}.palette-swatch{width:20px;height:20px}.palette-strip .text-btn{font-size:0}.palette-strip .text-btn svg{width:13px;height:13px}.icon-grid{gap:5px;padding-left:13px;padding-right:13px}.icon-cell{padding:7px}.stage{min-height:370px}.delivery-card{padding:14px 10px}.delivery-card p{font-size:8px}.canvas-tools{gap:0}.tiny-btn{padding:4px 6px}.canvas-bottomline{font-size:7px}}
@media(max-width:960px){.rail{width:62px}.app{margin-left:62px}.editor-grid{grid-template-columns:210px minmax(250px,1fr)}.inspector-panel{grid-column:1/-1;min-height:0;display:block}.inspector-panel .panel-title{padding-bottom:10px}.inspector-tabs{max-width:260px}.inspector-panel #inspectorContent{display:grid;grid-template-columns:1fr 1fr}.control-section{border-right:1px solid #f0f1f5}.inspector-footer{display:none}.library-panel{min-height:560px}.icon-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.stage{min-height:330px}.topbar{height:69px}.wordmark{font-size:20px}.beta{display:none}.top-actions{gap:5px}.top-actions .btn{font-size:11px}.top-actions .btn-quiet span:last-child{display:none}.workspace-heading{padding:20px}.eyebrow{font-size:9px}.project-name input{font-size:20px;width:170px}.history-actions .btn{font-size:10px}.delivery-card p{font-size:9px}.app-footer{padding:18px 20px}}
@media(max-width:640px){.rail{display:none}.app{margin-left:0}.topbar{height:62px;padding:0 15px}.wordmark{font-size:20px}.top-actions .btn{min-height:34px;font-size:10px;padding:7px 10px}.top-actions .btn svg{width:14px;height:14px}.wordmark-divider{display:none}.workspace-heading{padding:18px 16px 15px;gap:5px}.project-name input{font-size:19px;width:139px}.project-name{gap:3px}.eyebrow{font-size:8px;letter-spacing:0}.history-actions{gap:0}.history-actions .btn{font-size:0;padding:4px 6px;min-height:28px}.history-actions .btn svg{width:15px;height:15px}.history-actions .icon-btn{height:29px;width:28px}.toolbar-divider{margin:0 3px}.editor-grid{padding:0 13px;gap:12px;display:flex;flex-direction:column}.canvas-panel{order:0}.library-panel{order:1;min-height:0}.inspector-panel{order:2}.canvas-topline{height:31px}.stage{min-height:310px;flex:initial}.preview-holder{width:230px}.canvas-bottomline{font-size:8px}.palette-strip{margin-bottom:10px}.palette-strip .text-btn{font-size:9px}.palette-swatch{height:25px;width:25px}.delivery-card{padding:13px;margin-bottom:0}.delivery-card p{font-size:9px}.icon-grid{grid-template-columns:repeat(7,minmax(0,1fr));max-height:240px;min-height:180px;gap:7px}.icon-cell svg{width:22px;height:22px}.panel-title{padding:17px 18px 13px}.library-tabs{margin-bottom:13px}.categories{padding-bottom:10px}.category{font-size:10px}.catalog-meta{padding-bottom:7px}.library-footer{padding:10px 17px}.inspector-panel #inspectorContent{grid-template-columns:1fr}.inspector-panel .control-section{border-right:0}.inspector-tabs{max-width:none}.app-footer{padding:20px 17px;font-size:8px;gap:10px}.app-footer .text-btn{font-size:8px}.modal-backdrop{padding:12px}.modal{max-height:94vh;border-radius:16px}.modal-header{padding:20px}.modal-body{padding:18px 20px}.modal-footer{padding:15px 20px}.export-layout{grid-template-columns:1fr}.export-preview{display:none}.modal-header h2{font-size:19px}.favorites-grid{grid-template-columns:1fr 1fr}.guide-grid{grid-template-columns:1fr}.modal-footer{flex-direction:column;align-items:stretch}.modal-footer .btn{width:100%}.guide-links{font-size:9px}.project-actions{grid-template-columns:1fr}.app-mock{padding:25px}.search-wrap input{font-size:12px}}
.editor-grid{height:clamp(520px,calc(100vh - 238px),740px)}.library-panel{min-height:0}#libraryContent{display:flex;flex-direction:column;min-height:0}.icon-grid{flex:1;max-height:none;min-height:0}.text-panel,.upload-panel{overflow:auto}.inspector-panel{height:100%;min-height:0}#inspectorContent{min-height:0;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:#e1dfec transparent}.stage{min-height:250px}.preview-holder{width:min(72%,300px)}
@media(min-width:1600px){.preview-holder{width:340px}}
@media(max-width:960px){.editor-grid{height:auto;min-height:0}.library-panel{min-height:560px}.icon-grid{max-height:350px}.inspector-panel{height:auto}.inspector-panel #inspectorContent{overflow:visible}.stage{min-height:330px}}
@media(max-width:640px){.library-panel{min-height:0}.icon-grid{min-height:180px;max-height:240px;flex:initial}.stage{min-height:310px}.preview-holder{width:230px}}
.mobile-nav{display:none}.compare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.compare-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.compare-tile{padding:16px;border:1px solid var(--line);border-radius:12px;text-align:center}.compare-tile>div{background:#f4f4f8;border-radius:9px;margin-bottom:12px}.compare-tile svg{width:100%;height:auto}.compare-tile strong{font-size:12px}.compare-tile p{font-size:10px;color:#9994a6}.compare-select{display:flex;align-items:center;font-size:9px;color:#a29bb1;gap:3px;white-space:nowrap}.compare-select input{accent-color:var(--purple);width:12px;height:12px;margin:0}.favorite-meta{gap:5px}.favorite-meta>span{max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:640px){body{padding-bottom:64px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;height:62px;padding:5px 8px max(5px,env(safe-area-inset-bottom));background:#ffffffef;backdrop-filter:blur(12px);border-top:1px solid var(--line);display:flex;z-index:30;justify-content:space-around}.mobile-nav button{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:9px;color:#8c879b;min-width:60px}.mobile-nav button:first-child{color:var(--purple)}.mobile-nav button svg{height:18px;width:18px}.compare-grid,.compare-grid.two{grid-template-columns:1fr 1fr}.compare-tile{padding:10px}.compare-tile .btn{font-size:9px;padding:6px}.favorite-meta{flex-wrap:wrap}.favorite-meta>span{max-width:100%;width:100%}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}