:root{color:#17201c;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f6f2ea;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}.app-shell{color:#17201c;background:#f4f1eb;flex-direction:column;min-height:100svh;display:flex}.top-bar{background:#fffaf2;border-bottom:1px solid #ddd6cb;justify-content:space-between;align-items:center;gap:24px;min-height:76px;padding:14px 20px;display:flex}.brand,.top-actions,.privacy-pill,.download-button,.stage-meta,.panel-heading{align-items:center;display:flex}.brand{gap:12px}.brand-mark{flex:none;align-items:center;height:44px;display:flex}.brand-logo{object-fit:contain;width:auto;height:44px;display:block}.eyebrow{color:#667168;letter-spacing:.08em;text-transform:uppercase;margin:0 0 2px;font-size:11px;font-weight:800}h1,h2,p{margin:0}h1{color:#17201c;font-size:25px;font-weight:760;line-height:1.1}h2{color:#17201c;font-size:18px;font-weight:760;line-height:1.2}.top-actions{gap:12px}.privacy-pill{color:#285340;white-space:nowrap;background:#eef7f1;border:1px solid #c8d9cf;border-radius:999px;gap:8px;min-height:38px;padding:0 13px;font-size:14px;font-weight:700}.download-button,.primary-panel-button,.secondary-panel-button{cursor:default;border:0;font-weight:760}.download-button:disabled,.primary-panel-button:disabled{opacity:.48}.download-button{color:#fff;background:#1f3c34;border-radius:7px;gap:8px;min-height:40px;padding:0 15px}.editor-layout{flex:1;grid-template-columns:108px minmax(0,1fr) 340px;min-height:0;display:grid}.tool-rail{background:#fffaf2;border-right:1px solid #ddd6cb;flex-direction:column;gap:8px;padding:14px 10px;display:flex}.tool-button{color:#5f6c64;background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;gap:7px;min-height:72px;font-size:13px;font-weight:720;display:grid}.tool-button.active{color:#1f3c34;background:#eef7f1;border-color:#c8d9cf}.canvas-stage{background-color:#f7f4ee;background-image:linear-gradient(90deg,#1f3c340e 1px,#0000 1px),linear-gradient(#1f3c340e 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:calc(100svh - 77px);display:grid}.stage-toolbar{background:#fffaf2d6;border-bottom:1px solid #ddd6cbe6;justify-content:space-between;align-items:center;gap:16px;min-height:70px;padding:14px 18px;display:flex}.stage-label{color:#667168;margin-bottom:3px;font-size:12px;font-weight:740}.stage-meta{color:#667168;gap:10px;font-size:13px;font-weight:700}.stage-meta button{color:#365d51;background:#fffaf2;border:1px solid #d5cfc4;border-radius:7px;place-items:center;width:36px;height:36px;display:inline-grid}.canvas-workspace{place-items:center;min-height:0;padding:28px;display:grid}.fabric-canvas-shell{background:#fff;border:1px solid #d4cbbf;border-radius:8px;width:min(860px,100%);height:min(620px,100svh - 190px);min-height:360px;position:relative;overflow:hidden;box-shadow:0 20px 55px #42382a26}.fabric-canvas-shell canvas{display:block}.canvas-empty-overlay{color:#365d51;cursor:pointer;background:linear-gradient(#eef7f1c2,#fffaf2e0),#fffaf2;border:2px dashed #b8cfc2;border-radius:8px;place-items:center;padding:28px;transition:border-color .16s,background .16s,box-shadow .16s;display:grid;position:absolute;inset:26px}.canvas-empty-overlay:hover{background:linear-gradient(#e0f2e8e0,#fffaf2f0),#fffaf2;border-color:#6f9d85;box-shadow:inset 0 0 0 1px #6f9d8538}.canvas-empty-overlay input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.empty-copy{text-align:center;color:#365d51;justify-items:center;gap:14px;max-width:480px;display:grid}.empty-icon{color:#285340;background:#eef7f1;border:1px solid #c8d9cf;border-radius:50%;place-items:center;width:64px;height:64px;display:grid}.empty-format-note{color:#687169;background:#ffffffb8;border:1px solid #ddd6cb;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:740}.loaded-copy{color:#365d51;grid-template-columns:28px 1fr;align-items:start;gap:10px;width:min(860px,100%);display:grid}.loaded-copy div{gap:2px;min-width:0;display:grid}.loaded-copy strong{color:#17201c;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.loaded-copy span{color:#687169;font-size:13px;line-height:1.35}.empty-copy p,.panel-description,.panel-note{color:#687169;font-size:14px;line-height:1.48}.panel-note{font-size:13px}.inspector-panel{background:#fffaf2;border-left:1px solid #ddd6cb;min-width:0;padding:18px}.panel-section{gap:18px;display:grid}.panel-heading{gap:10px}.panel-icon{color:#285340;background:#eef7f1;border-radius:8px;place-items:center;width:36px;height:36px;display:inline-grid}.panel-controls{gap:14px;display:grid}.primary-panel-button,.secondary-panel-button{border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:42px;display:inline-flex}.primary-panel-button{color:#fff;background:#1f3c34;position:relative}.primary-panel-button input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.secondary-panel-button{color:#23342e;background:#fff;border:1px solid #d2c9bd}.secondary-panel-button.selected{color:#1f3c34;background:#eef7f1;border-color:#8fb29f}.secondary-panel-button.danger{color:#8b2f24}.info-grid{color:#687169;background:#fff;border:1px solid #ddd6cb;border-radius:8px;grid-template-columns:1fr auto;gap:10px;padding:13px;font-size:13px;display:grid}.info-grid strong{color:#17201c}.segmented-grid,.number-grid,.two-column-actions,.position-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.segmented-grid button,.position-grid button{color:#23342e;background:#fff;border:1px solid #d2c9bd;border-radius:7px;min-height:38px;font-size:13px;font-weight:700}.segmented-grid button.selected,.position-grid button.selected{color:#1f3c34;background:#eef7f1;border-color:#8fb29f}.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.filter-card{color:#23342e;text-align:left;background:#fff;border:1px solid #d2c9bd;border-radius:8px;gap:8px;min-width:0;padding:7px;display:grid}.filter-card.selected{color:#1f3c34;background:#eef7f1;border-color:#8fb29f}.filter-preview{aspect-ratio:4/3;background:#e8e2d8;border:1px solid #23342e1f;border-radius:6px;overflow:hidden}.filter-preview img{object-fit:cover;width:100%;height:100%;display:block}.filter-card-copy{gap:3px;display:grid}.filter-card-copy strong{overflow-wrap:anywhere;font-size:13px;line-height:1.15}.filter-card-copy span{color:#687169;font-size:11px;line-height:1.25}.panel-field,.slider-mock{gap:8px;display:grid}.panel-field span,.slider-mock span{color:#3c4841;justify-content:space-between;gap:12px;font-size:13px;font-weight:760;display:flex}.panel-field input,.panel-field select{color:#17201c;background:#fff;border:1px solid #d2c9bd;border-radius:7px;width:100%;min-height:40px;padding:0 11px}.color-row{grid-template-columns:48px minmax(0,1fr);gap:8px;display:grid}.panel-field input.color-input{min-height:40px;padding:4px}.slider-mock input{accent-color:#1f3c34;width:100%}@media (width<=1050px){.editor-layout{grid-template-columns:92px minmax(0,1fr)}.inspector-panel{border-top:1px solid #ddd6cb;border-left:0;grid-column:1/-1}}@media (width<=720px){.top-bar{flex-direction:column;align-items:flex-start;gap:12px}.top-actions{justify-content:space-between;width:100%}.privacy-pill{white-space:normal}.editor-layout{grid-template-columns:1fr}.tool-rail{z-index:1;border-bottom:1px solid #ddd6cb;border-right:0;flex-direction:row;position:sticky;top:0;overflow-x:hidden}.tool-button{flex:1 1 0;min-width:0;min-height:60px;padding-inline:6px;font-size:12px}.canvas-stage{min-height:560px}.stage-toolbar{flex-direction:column;align-items:flex-start}.canvas-workspace{padding:18px}}