:root{--ink:#1a1a1a;--ink-soft:#3d3847;--cream:#f9f6f5;--cream-deep:#f1ece7;--paper:#fdfbfa;--line:#e3dbd2;--line-strong:#cfc4b8;--sage:#7d9b76;--sage-deep:#5f7d59;--lavender:#b8a9c9;--lavender-pale:#ede8f5;--terracotta:#c17a5a;--terracotta-deep:#a8623f;--ui:"Instrument Sans", sans-serif;--display:"Fraunces", serif;--mono:"DM Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--ui);color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased}button{font-family:var(--ui);cursor:pointer}input,select,textarea{font-family:var(--ui)}::selection{background:#7d9b7659}.btn{border:1px solid var(--ink);color:var(--ink);letter-spacing:.02em;white-space:nowrap;background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:background .15s,color .15s,transform .1s;display:inline-flex}.btn:hover:not(:disabled){background:var(--ink);color:var(--cream)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.35;cursor:default}.btn-primary{background:var(--ink);color:var(--cream)}.btn-primary:hover:not(:disabled){background:var(--terracotta);border-color:var(--terracotta)}.btn-danger{border-color:var(--terracotta);color:var(--terracotta-deep)}.btn-danger:hover:not(:disabled){background:var(--terracotta);border-color:var(--terracotta);color:var(--cream)}.btn-ghost{border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--cream-deep);color:var(--ink)}.btn-sm{padding:5px 10px;font-size:12px}.btn-block{width:100%}.btn-active{background:var(--ink);color:var(--cream)}.dashboard{background:radial-gradient(1200px 500px at 85% -10%, #b8a9c940, transparent 60%), radial-gradient(900px 480px at -10% 20%, #7d9b762e, transparent 60%), var(--cream);min-height:100%;position:relative}.dash-noise{pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.dash-header{z-index:10;background:color-mix(in srgb, var(--cream) 82%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:18px 40px;display:flex;position:sticky;top:0}.dash-brand{align-items:center;gap:12px;display:flex}.brand-dot{background:var(--sage);width:14px;height:14px;box-shadow:18px 0 0 -3px var(--lavender), 36px 0 0 -6px var(--terracotta);border-radius:50%;margin-right:28px}.brand-word{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;font-size:14px}.brand-chip{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--line-strong);color:var(--ink-soft);border-radius:999px;padding:4px 10px;font-size:11px}.dash-header-right{align-items:center;gap:12px;display:flex}.dash-main{flex-direction:column;gap:64px;max-width:1240px;margin:0 auto;padding:56px 40px 120px;display:flex;position:relative}.dash-hero h1{font-family:var(--display);letter-spacing:-.01em;font-size:clamp(44px,6vw,76px);font-weight:600;line-height:1.04;animation:.7s cubic-bezier(.2,.8,.2,1) both rise}.dash-hero h1 em{color:var(--terracotta);font-style:italic}.dash-hero p{max-width:520px;color:var(--ink-soft);margin-top:18px;font-size:17px;line-height:1.55;animation:.7s cubic-bezier(.2,.8,.2,1) 80ms both rise}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.section-head{align-items:baseline;gap:18px;margin-bottom:22px;display:flex}.section-head h2{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);white-space:nowrap;font-size:13px;font-weight:500}.section-head .rule{border-top:1px solid var(--line-strong);flex:1;transform:translateY(-4px)}.section-head .count{font-family:var(--mono);color:var(--ink-soft);font-size:12px}.template-strip{scrollbar-width:thin;gap:18px;padding:4px 4px 16px;display:flex;overflow-x:auto}.tpl-card{border:1px solid var(--line);background:var(--paper);text-align:left;border-radius:14px;flex-shrink:0;width:190px;padding:10px;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s,border-color .18s}.tpl-card:hover{border-color:var(--line-strong);transform:translateY(-4px)rotate(-.4deg);box-shadow:0 14px 30px -14px #1a1a1a59}.tpl-art{border:1px solid var(--line);border-radius:8px;overflow:hidden}.tpl-meta{flex-direction:column;gap:2px;padding:10px 4px 4px;display:flex}.tpl-meta strong{font-size:13.5px;font-weight:600}.tpl-meta span{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);font-size:10.5px}.tpl-blank .tpl-blank-art{border:1.5px dashed var(--line-strong);height:210px;color:var(--ink-soft);background:repeating-linear-gradient(-45deg,#0000 0 10px,#1a1a1a06 10px 20px);border-radius:8px;place-items:center;font-size:40px;font-weight:300;display:grid}.tpl-blank:hover .tpl-blank-art{color:var(--terracotta);border-color:var(--terracotta)}.design-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:26px;display:grid}.design-card{flex-direction:column;gap:8px;display:flex}.design-thumb{border:1px solid var(--line);background:var(--paper);border-radius:12px;justify-content:center;padding:0;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s;display:flex;overflow:hidden}.design-thumb>div{width:100%!important}.design-thumb:hover{transform:translateY(-3px);box-shadow:0 16px 32px -16px #1a1a1a66}.design-meta{align-items:center;gap:8px;padding:0 2px;display:flex;position:relative}.design-name-btn{color:var(--ink);text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;flex:1;min-width:0;padding:0;font-size:14px;font-weight:600;overflow:hidden}.design-rename,.layer-rename{border:1px solid var(--sage);background:var(--paper);border-radius:6px;outline:none;flex:1;min-width:0;padding:3px 6px;font-size:13px}.design-time{font-family:var(--mono);color:var(--ink-soft);white-space:nowrap;font-size:11px}.design-menu-wrap{position:relative}.kebab{color:var(--ink-soft);background:0 0;border:none;border-radius:6px;padding:2px 6px;font-size:18px;line-height:1}.kebab:hover{background:var(--cream-deep);color:var(--ink)}.design-menu,.export-menu{z-index:30;background:var(--paper);border:1px solid var(--line-strong);border-radius:10px;flex-direction:column;min-width:160px;animation:.14s cubic-bezier(.2,.8,.2,1) both pop;display:flex;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 18px 40px -18px #1a1a1a73}@keyframes pop{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:none}}.design-menu button,.export-menu button{text-align:left;background:0 0;border:none;padding:10px 14px;font-size:13px;font-weight:500}.design-menu button:hover,.export-menu button:hover{background:var(--lavender-pale)}.design-menu .danger{color:var(--terracotta-deep)}.design-menu .danger:hover{background:#f6e4dc}.design-menu-move{border-top:1px solid var(--line-strong);flex-direction:column;max-height:180px;display:flex;overflow-y:auto}.design-menu-label{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);padding:8px 14px 4px;font-size:9px}.design-menu-move button{padding:7px 14px;font-size:12.5px}.design-menu-move button:disabled{color:var(--sage-deep);cursor:default;background:0 0}.export-menu{min-width:220px}.export-menu-label{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);padding:9px 14px 3px;font-size:9px}.export-menu-sep{background:var(--line);height:1px;margin:4px 0}.export-menu .export-menu-publish{align-items:center;gap:8px;display:flex}.export-menu .export-menu-publish .ico{width:15px;height:15px}.topbar-icon-btn{padding:7px 9px}.topbar-icon-btn .ico{width:20px;height:20px}.export-btn{align-items:center;gap:5px;display:inline-flex}.export-caret{width:14px;height:14px}.rail-cost{background:var(--surface);color:var(--ink-soft);cursor:pointer;font-family:var(--mono);letter-spacing:.02em;border:none;border-radius:20px;margin:-2px auto 2px;padding:1px 7px;font-size:9.5px;transition:background .12s,color .12s}.rail-cost:hover{background:var(--sage);color:#fff}.empty-state{border:1.5px dashed var(--line-strong);text-align:center;color:var(--ink-soft);border-radius:16px;padding:56px 32px;font-size:15px}.empty-big{font-family:var(--display);color:var(--ink);margin-bottom:8px;font-size:26px;font-style:italic}.editor{background:var(--cream);flex-direction:column;height:100%;display:flex;overflow:hidden}.topbar{background:var(--paper);border-bottom:1px solid var(--line);z-index:20;align-items:center;gap:8px;padding:10px 16px;display:flex}.topbar-divider{background:var(--line);flex-shrink:0;align-self:stretch;width:1px;margin:-10px 6px}.topbar-spacer{flex:1}.topbar-left{flex:0 auto;align-self:stretch;align-items:center;gap:6px;min-width:0;display:flex}.topbar-center{flex:none;align-items:center;gap:4px;display:flex}.topbar-right{flex:none;justify-content:flex-end;align-items:center;gap:6px;margin-left:auto;display:flex}.save-dot{flex-shrink:0;width:18px;height:18px;display:inline-flex}.save-dot svg{width:100%;height:100%}.save-dot.save-saved{color:var(--sage-deep)}.save-dot.save-saving{color:var(--ink-soft);animation:.8s linear infinite save-spin}.save-dot.save-unsaved{color:var(--terracotta-deep)}@keyframes save-spin{to{transform:rotate(360deg)}}.design-name{font-family:var(--display);color:var(--ink);background:0 0;border:1px solid #0000;border-radius:8px;outline:none;width:280px;padding:5px 10px;font-size:17px;font-weight:600}.design-name:hover{border-color:var(--line)}.design-name:focus{border-color:var(--sage);background:var(--paper)}.save-status{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;font-size:11px}.save-saved{color:var(--sage-deep)}.save-saving{color:var(--ink-soft)}.save-unsaved{color:var(--terracotta-deep)}.zoom-label{min-width:56px;font-family:var(--mono);font-size:12px}.export-wrap{position:relative}.editor-body{isolation:isolate;flex:1;min-height:0;display:flex;position:relative}.rail-shell{z-index:210;flex-shrink:0;min-height:0;display:flex;position:relative}.rail-icons{background:var(--paper);border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;gap:2px;width:72px;padding:8px 6px;display:flex;overflow-y:auto}.rail-icon{cursor:pointer;color:var(--ink-soft);background:0 0;border:none;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:9px 2px;transition:background .12s,color .12s;display:flex}.rail-icon:hover{background:var(--surface);color:var(--ink)}.rail-icon.active{background:var(--surface);color:var(--terracotta)}.rail-icon-svg{width:22px;height:22px;display:inline-flex}.rail-icon-label{font-family:var(--mono);letter-spacing:.04em;font-size:9px}.rail-divider{background:var(--line);flex-shrink:0;height:1px;margin:5px 8px}.rail-icon--bottom{margin-top:auto}.rail-icon--ai{color:var(--sage-deep)}.rail-icon--ai:hover{background:var(--surface);color:var(--sage-deep)}.rail-icon--ai.active{color:var(--sage-deep)}.rail-icon--busy{animation:1.1s ease-in-out infinite rail-ai-pulse}@keyframes rail-ai-pulse{0%,to{opacity:1}50%{opacity:.45}}.rail-flyout.rail-flyout--ai{width:460px}.ai-panel-embedded{flex-direction:column;flex:1;gap:8px;min-height:0;padding:4px 14px 14px;display:flex}.ai-panel-embedded .ai-chat-history{flex:1;min-height:60px;max-height:none}.rail-flyout{background:var(--paper);border:1px solid var(--line);border-radius:16px;flex-direction:column;width:360px;min-height:0;animation:.14s ease-out rail-flyout-in;display:flex;position:absolute;top:4px;bottom:4px;left:76px;overflow:hidden;box-shadow:0 10px 30px #1a1a1a29}@keyframes rail-flyout-in{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:none}}.rail-flyout-head{justify-content:space-between;align-items:center;padding:12px 14px 8px;font-size:13px;font-weight:600;display:flex}.rail-flyout-close{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;font-size:20px;line-height:1}.rail-flyout-close:hover{color:var(--ink)}.rail-body{flex-direction:column;flex:1;gap:10px;padding:4px 14px 14px;display:flex;overflow-y:auto}.brand-swatch-grid{flex-wrap:wrap;gap:8px;display:flex}.brand-swatch-wrap{width:34px;height:34px;position:relative}.brand-swatch{cursor:pointer;border:1px solid #0000001a;border-radius:9px;width:100%;height:100%;transition:transform .1s,box-shadow .1s}.brand-swatch:hover:not(:disabled){transform:scale(1.1);box-shadow:0 2px 8px #0003}.brand-swatch-remove{border:1.5px solid var(--paper);background:var(--ink);width:16px;height:16px;color:var(--cream);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;display:none;position:absolute;top:-6px;right:-6px}.brand-swatch-wrap:hover .brand-swatch-remove{display:flex}.brand-swatch-remove .ico{vertical-align:0;width:8px;height:8px}.color-add-group{border:1px solid var(--line);background:var(--cream);border-radius:12px;align-items:center;gap:8px;margin-top:6px;padding:5px 5px 5px 6px;transition:border-color .15s,background .15s;display:flex}.color-add-group:focus-within{border-color:var(--sage);background:var(--paper)}.color-add-group .cp-trigger{border:1px solid #00000014;border-radius:8px}.color-add-input{min-width:0;font-family:var(--mono);text-transform:uppercase;color:var(--ink);background:0 0;border:none;outline:none;flex:1;padding:0;font-size:13px}.color-add-go{cursor:pointer;background:var(--ink);width:30px;height:30px;color:var(--cream);border:none;border-radius:50%;flex-shrink:0;place-items:center;padding:0;transition:background .15s;display:grid}.color-add-go:hover{background:var(--sage-deep)}.color-add-go .ico{vertical-align:0;width:14px;height:14px}.cp-wrap{flex-shrink:0;position:relative}.cp-trigger{border:1px solid var(--line);cursor:pointer;border-radius:8px;padding:0}.cp-panel{z-index:200;background:var(--paper);border:1px solid var(--line);border-radius:12px;width:220px;padding:10px;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 14px 36px #1a1a1a38}.cp-sv{cursor:crosshair;touch-action:none;border-radius:8px;width:100%;height:140px;position:relative}.cp-sv-thumb{pointer-events:none;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000073}.cp-hue{cursor:pointer;touch-action:none;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:7px;width:100%;height:14px;margin:12px 0 10px;position:relative}.cp-hue-thumb{pointer-events:none;border:2px solid #fff;border-radius:50%;width:16px;height:16px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000073}.cp-foot{align-items:center;gap:8px;display:flex}.cp-preview{border:1px solid var(--line);border-radius:6px;flex-shrink:0;width:28px;height:28px}.brand-font-grid{flex-direction:column;gap:6px;display:flex}.brand-font-card{border:1px solid var(--line);background:var(--cream);border-radius:10px;padding:9px 12px;transition:border-color .12s,background .12s;position:relative}.brand-font-card:hover{border-color:var(--sage);background:var(--paper)}.brand-font-name{color:var(--ink);font-size:19px;line-height:1.2}.brand-font-sample{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:11.5px;line-height:1.3;overflow:hidden}.brand-font-remove{width:20px;height:20px;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;padding:0;display:none;position:absolute;top:7px;right:7px}.brand-font-card:hover .brand-font-remove{display:grid}.brand-font-remove:hover{background:var(--line);color:var(--ink)}.brand-font-remove .ico{vertical-align:0;width:11px;height:11px}.brand-font-add{margin-top:8px}.brand-font-add .field-label{display:none}.brand-font-add .font-current{color:var(--ink-soft);border-style:dashed;font-weight:600}.layers-fab-wrap{z-index:60;position:absolute;bottom:16px;right:16px}.layers-fab{cursor:pointer;background:var(--ink);color:var(--paper);border:none;border-radius:999px;align-items:center;gap:7px;padding:9px 14px;font-size:12.5px;font-weight:600;display:inline-flex;box-shadow:0 4px 14px #1a1a1a38}.layers-fab.active{background:var(--terracotta)}.layers-fab-ico{width:16px;height:16px;display:inline-flex}.layers-popover{z-index:61;background:var(--paper);border:1px solid var(--line);border-radius:14px;flex-direction:column;width:300px;min-height:0;max-height:min(60vh,560px);animation:.14s ease-out layers-popover-in;display:flex;position:absolute;bottom:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 12px 32px #1a1a1a2e}@keyframes layers-popover-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.layers-drawer-head{flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 14px 8px;font-size:13px;font-weight:600;display:flex}.template-list{flex-direction:column;gap:10px;display:flex}.template-card{text-align:left;border:1px solid var(--line);background:var(--cream);border-radius:12px;align-items:center;gap:12px;padding:8px;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex}.template-card:hover{border-color:var(--sage);transform:translate(2px);box-shadow:0 8px 18px -12px #1a1a1a66}.template-thumb{border:1px solid var(--line);border-radius:6px;flex-shrink:0;overflow:hidden}.template-name{font-size:13px;font-weight:600}.template-cat{font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);margin-top:2px;font-size:10px}.template-card--user{border:1px solid var(--line);background:var(--cream);border-radius:12px;align-items:center;transition:border-color .15s;display:flex;position:relative;overflow:hidden}.template-card--user:hover{border-color:var(--sage)}.template-card-inner{text-align:left;cursor:pointer;background:0 0;border:none;flex:1;align-items:center;gap:12px;padding:8px;transition:transform .15s;display:flex}.template-card--user:hover .template-card-inner{transform:translate(2px)}.template-delete{border:none;border-left:1px solid var(--line);color:var(--ink-soft);cursor:pointer;opacity:0;background:0 0;flex-shrink:0;align-self:stretch;padding:0 10px;font-size:18px;transition:opacity .12s,background .12s,color .12s}.template-card--user:hover .template-delete{opacity:1}.template-delete:hover{background:var(--terracotta);color:#fff}.ai-panel-wrap{position:relative}.ai-panel-trigger{font-family:var(--mono);letter-spacing:.06em;background:var(--ink);color:var(--paper);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;transition:background .15s;display:flex;position:relative}.ai-panel-trigger:hover{background:#333}.ai-panel-trigger--open{background:var(--sage-deep)}.ai-panel-trigger--busy{opacity:.75;cursor:wait}.ai-trigger-dot{background:var(--sage);border:1.5px solid var(--ink);border-radius:50%;width:6px;height:6px;position:absolute;top:4px;right:4px}.ai-panel-dropdown{z-index:300;background:var(--paper);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:8px;width:400px;max-height:calc(100vh - 80px);padding:14px;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 8px 32px #00000024,0 2px 8px #0000000f}.ai-float-header{flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.ai-float-title{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--sage-deep);font-size:10px;font-weight:500}.ai-float-header-actions{align-items:center;gap:6px;display:flex}.ai-memory-chip{font-family:var(--mono);letter-spacing:.04em;color:var(--sage-deep);background:var(--surface);white-space:nowrap;border-radius:20px;padding:2px 8px;font-size:9px}.ai-thread-switch{flex:1;min-width:0;position:relative}.ai-thread-trigger{cursor:pointer;max-width:100%;color:var(--ink);background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:3px 6px;transition:background .12s;display:flex}.ai-thread-trigger:hover{background:var(--surface)}.ai-thread-trigger .ico:first-child{color:var(--sage-deep);flex-shrink:0}.ai-thread-title{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.ai-thread-caret{width:13px;height:13px;color:var(--ink-soft);flex-shrink:0}.ai-thread-backdrop{z-index:320;position:fixed;inset:0}.ai-thread-menu{z-index:321;background:var(--paper);border:1px solid var(--line);border-radius:12px;min-width:240px;max-width:320px;max-height:320px;padding:5px;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto;box-shadow:0 12px 36px #1a1a1a33}.ai-thread-new{text-align:left;cursor:pointer;width:100%;color:var(--sage-deep);background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:9px 10px;font-size:13px;font-weight:600;display:flex}.ai-thread-new:hover{background:var(--surface)}.ai-thread-new .ico{width:15px;height:15px}.ai-thread-item{border-radius:8px;align-items:center;display:flex}.ai-thread-item:hover,.ai-thread-item.active{background:var(--surface)}.ai-thread-item-main{text-align:left;cursor:pointer;min-width:0;color:var(--ink);background:0 0;border:none;flex:1;align-items:center;gap:7px;padding:9px 10px;font-size:13px;display:flex}.ai-thread-item-title{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.ai-thread-tag{color:var(--ink-soft);background:var(--cream-deep);white-space:nowrap;text-overflow:ellipsis;border-radius:5px;flex-shrink:0;max-width:120px;padding:1px 6px;font-size:10px;overflow:hidden}.ai-thread-item.active .ai-thread-item-main{font-weight:600}.ai-thread-del{cursor:pointer;color:var(--ink-soft);opacity:0;background:0 0;border:none;flex-shrink:0;align-items:center;padding:6px 8px;display:flex}.ai-thread-item:hover .ai-thread-del{opacity:1}.ai-thread-del:hover{color:var(--terracotta-deep)}.ai-thread-del .ico{width:14px;height:14px}.ai-float-close{background:var(--line);width:22px;height:22px;color:var(--ink-soft);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:14px;line-height:1;transition:background .15s;display:flex}.ai-float-close:hover{background:var(--ink);color:var(--paper)}.ai-gen-label{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--sage-deep);font-size:10px;font-weight:500}.ai-new-btn{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:6px;padding:2px 8px;font-size:10px;transition:border-color .15s,color .15s}.ai-new-btn:hover{border-color:var(--ink);color:var(--ink)}.ai-cancel-btn{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--terracotta);border:1px solid var(--terracotta);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;height:36px;padding:0 14px;font-size:11px;transition:background .12s,color .12s}.ai-cancel-btn:hover{background:var(--terracotta);color:#fff}.ai-plan-details{border:1px solid var(--line);background:var(--surface);border-radius:8px;align-self:flex-start;width:100%;max-width:92%;overflow:hidden}.ai-plan-summary{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);cursor:pointer;-webkit-user-select:none;user-select:none;padding:5px 10px;font-size:10px;list-style:none}.ai-plan-summary::-webkit-details-marker{display:none}.ai-plan-details[open] .ai-plan-summary{border-bottom:1px solid var(--line)}.ai-plan-body{color:var(--ink);padding:8px 10px;font-size:11.5px;line-height:1.55}.ai-plan-body strong{font-weight:700}.ai-hex{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.ai-hex-dot{vertical-align:-1px;border:1px solid #0000002e;border-radius:3px;width:11px;height:11px;display:inline-block}.ai-chat-badge--cancelled{font-size:11px;font-family:var(--mono);color:var(--ink-soft);background:var(--surface);border:1px solid var(--line);letter-spacing:.04em;border-radius:6px;align-self:flex-start;padding:3px 8px}.ai-cost-badge{font-family:var(--mono);letter-spacing:.04em;color:var(--sage-deep);white-space:nowrap;font-size:11px}.ico{vertical-align:-2px;justify-content:center;align-items:center;width:15px;height:15px;display:inline-flex}.ico svg{width:100%;height:100%}.style-palette{z-index:60;background:var(--paper);border:1px solid var(--line);border-radius:14px;align-items:center;gap:2px;padding:4px;display:flex;position:fixed;box-shadow:0 8px 30px #1a1a1a29,0 2px 8px #1a1a1a0f}.style-palette--vertical{flex-direction:column}.style-palette--horizontal{flex-direction:row}.sp-grip{color:var(--ink-soft);cursor:grab;background:0 0;border:none;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:22px;display:flex}.sp-grip svg{width:16px;height:16px}.sp-grip:hover{background:var(--surface);color:var(--ink)}.sp-grip:active{cursor:grabbing}.sp-flip{cursor:pointer}.sp-icon{cursor:pointer;width:40px;height:40px;color:var(--ink);background:0 0;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:background .12s,box-shadow .12s;display:flex}.sp-icon:hover{background:var(--surface)}.sp-icon.active{background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--sage)}.sp-icon.sp-danger{color:var(--terracotta-deep)}.sp-icon .ico{width:20px;height:20px}.sp-sep{background:var(--line);flex-shrink:0}.style-palette--vertical .sp-sep{width:24px;height:1px;margin:2px 0}.style-palette--horizontal .sp-sep{width:1px;height:24px;margin:0 2px}.sp-swatch{box-sizing:border-box;border:1px solid #0000002e;border-radius:50%;width:22px;height:22px}.sp-swatch--ring{background:0 0;border-width:4px}.sp-border-ico{border:2.5px solid var(--ink);box-sizing:border-box;width:20px;height:20px}.sp-thumb{background-position:50%;background-size:cover;border-radius:6px;width:24px;height:24px}.sp-aa{font-family:var(--display);color:var(--ink);font-size:17px;font-weight:600;line-height:1}.sp-scrim{z-index:58;background:0 0;position:fixed;inset:0}.grad-editor{flex-direction:column;gap:7px;display:flex}.grad-preview{border:1px solid var(--line);border-radius:8px;height:40px}.grad-dirs{flex-wrap:wrap;gap:4px;display:flex}.grad-dir{border:1px solid var(--line-strong);cursor:pointer;width:28px;height:28px;color:var(--ink-soft);background:0 0;border-radius:7px;font-size:14px;line-height:1}.grad-dir:hover{border-color:var(--sage);color:var(--sage)}.grad-dir.active{border-color:var(--sage);background:var(--sage);color:#fff}.grad-stop{align-items:center;gap:8px;display:flex}.grad-stop-fields{flex:1;min-width:0}.grad-stop-lab{color:var(--ink-soft);flex-direction:column;gap:2px;font-size:10px;display:flex}.grad-stop-lab .slider{width:100%}.grad-stop-pos{color:var(--ink-soft);flex-direction:column;flex-shrink:0;gap:2px;width:58px;font-size:10px;display:flex}.grad-stop-pos .text-input{width:100%;padding:4px 6px;font-size:12px}.sp-grad-ico{box-sizing:border-box;background:repeating-conic-gradient(#fff 0 25%, #e6e6e6 0 50%) 0 0 / 8px 8px;border:1px solid #0000002e;border-radius:50%;width:22px;height:22px;position:relative;overflow:hidden}.sp-grad-ico>span{display:block;position:absolute;inset:0}.grad-stop-del{cursor:pointer;color:var(--ink-soft);background:0 0;border:none;flex-shrink:0;padding:4px}.grad-stop-del:hover:not(:disabled){color:var(--terracotta-deep)}.grad-stop-del:disabled{opacity:.3;cursor:default}.grad-stop-del .ico{width:13px;height:13px}.sp-flyout.sp-flyout--ai{gap:0;width:400px;height:auto;max-height:min(600px,100vh - 24px);padding:0;overflow:hidden}.sp-flyout--ai .ai-panel-embedded{padding:12px 14px 14px}.sp-flyout--ai .ai-panel-embedded .ai-chat-history{flex:0 auto;min-height:0;max-height:380px}.sp-flyout{z-index:61;box-sizing:border-box;background:var(--paper);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:8px;width:300px;max-height:calc(100vh - 24px);padding:12px;animation:.12s ease-out sp-flyout-in;display:flex;position:fixed;overflow-y:auto;box-shadow:0 12px 36px #1a1a1a33}@keyframes sp-flyout-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:none}}.sp-flyout-title{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);font-size:10px}.sp-flyout .num-grid,.sp-flyout .field,.sp-flyout .btn-row,.sp-flyout .field-row{margin:0}.sp-toggle{cursor:pointer;color:var(--ink-soft);background:0 0;border:none;align-self:flex-start;align-items:center;gap:6px;padding:2px 0;font-size:12px;display:inline-flex}.sp-toggle--on{color:var(--sage-deep)}.sp-toggle-dot{background:var(--sage);border-radius:50%;width:6px;height:6px}.fx-list{flex-direction:column;gap:5px;display:flex}.fx-row{align-items:stretch;gap:4px;display:flex}.fx-toggle{cursor:pointer;border:1px solid var(--line-strong);background:var(--paper);text-align:left;color:var(--ink);border-radius:9px;flex:1;align-items:center;gap:8px;padding:7px 9px;font-size:13px;display:flex}.fx-row--on .fx-toggle{border-color:var(--sage);background:color-mix(in srgb, var(--sage) 12%, var(--paper))}.fx-ico{width:17px;height:17px;color:var(--ink-soft);flex-shrink:0}.fx-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.fx-check{width:16px;height:16px;color:var(--line-strong);flex-shrink:0}.fx-check.on{color:var(--sage-deep)}.fx-del{border:1px solid var(--line-strong);background:var(--paper);cursor:pointer;width:30px;color:var(--ink-soft);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.fx-del:hover{color:#c0392b;border-color:#c0392b}.fx-del .ico{width:15px;height:15px}.fx-controls{flex-direction:column;gap:6px;margin-top:10px;display:flex}.fx-ctl{color:var(--ink-soft);flex-direction:column;gap:3px;font-size:11px;display:flex}.fx-ctl .slider{width:100%}.sp-source-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.sp-source-btn{border:1px solid var(--line);background:var(--cream);cursor:pointer;color:var(--ink);border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:16px 8px;font-size:12px;font-weight:500;transition:border-color .12s,background .12s;display:flex}.sp-source-btn:hover{border-color:var(--sage);background:var(--paper)}.sp-source-btn .ico{width:22px;height:22px;color:var(--ink-soft)}.sp-source-btn:hover .ico{color:var(--sage-deep)}.sp-ai-head{align-items:center;gap:8px;display:flex}.sp-back{background:var(--surface);cursor:pointer;width:24px;height:24px;color:var(--ink-soft);border:none;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sp-back:hover{background:var(--cream-deep);color:var(--ink)}.sp-back svg{width:15px;height:15px}.sp-ai-textarea{resize:vertical;min-height:150px}.btn-ico{vertical-align:-3px;justify-content:center;align-items:center;width:15px;height:15px;margin-right:6px;display:inline-flex}.btn-ico svg{width:100%;height:100%}.schedule-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.schedule-input{border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:12px;font-family:var(--mono);border-radius:8px;padding:6px 8px}.schedule-tz{font-family:var(--mono);color:var(--ink-soft);letter-spacing:.03em;font-size:10px}.scheduled-page{flex-direction:column;height:100vh;display:flex}.scheduled-title{margin:0;font-size:16px}.scheduled-body{flex:1;width:100%;max-width:760px;margin:0 auto;padding:24px;overflow-y:auto}.sched-section{margin-bottom:28px}.sched-section-title{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 10px;font-size:11px}.sched-row{border:1px solid var(--line);background:var(--surface);border-radius:12px;align-items:center;gap:14px;margin-bottom:10px;padding:12px;display:flex}.sched-thumb{background:var(--line);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:70px;display:flex;overflow:hidden}.sched-thumb img{object-fit:cover;width:100%;height:100%}.sched-thumb-reel{width:24px;height:24px;color:var(--ink-soft);display:inline-flex}.sched-main{flex:1;min-width:0}.sched-row-top{align-items:center;gap:8px;margin-bottom:2px;display:flex}.sched-type{font-size:13px;font-weight:600}.sched-when{font-family:var(--mono);color:var(--ink-soft);font-size:12px}.sched-caption{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:12px;overflow:hidden}.sched-error{color:var(--terracotta);margin-top:4px;font-size:11.5px}.sched-link{font-size:12px}.sched-cancel{flex-shrink:0;font-size:12px}.sched-badge{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--line);color:var(--ink-soft);border-radius:999px;padding:2px 7px;font-size:9.5px}.sched-pending,.sched-publishing{color:var(--sage-deep);border-color:var(--sage)}.sched-posted{color:#2e7d32;border-color:#a5d6a7}.sched-failed{color:var(--terracotta);border-color:var(--terracotta)}.sched-cancelled{color:var(--ink-soft)}.ai-cost-overlay{z-index:1000;background:#1a1a1a73;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ai-cost-modal{background:var(--bg,#fff);border:1px solid var(--line);border-radius:12px;width:min(440px,92vw);max-height:80vh;padding:18px 20px;overflow-y:auto;box-shadow:0 20px 60px #00000040}.ai-cost-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.ai-cost-head h3{margin:0;font-size:15px}.ai-cost-close{cursor:pointer;color:var(--ink-soft);background:0 0;border:none;font-size:22px;line-height:1}.ai-cost-total{border-bottom:1px solid var(--line);flex-direction:column;gap:2px;margin-bottom:12px;padding:10px 0 14px;display:flex}.ai-cost-total-val{font-size:28px;font-weight:700;font-family:var(--mono);color:var(--sage-deep)}.ai-cost-total-sub{color:var(--ink-soft);font-size:11px;font-family:var(--mono)}.ai-cost-section{margin-bottom:14px}.ai-cost-section-title{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:6px;font-size:10px}.ai-cost-row{grid-template-columns:1fr auto auto;align-items:baseline;gap:10px;padding:4px 0;font-size:12.5px;display:grid}.ai-cost-row-name{color:var(--ink)}.ai-cost-row-meta{font-family:var(--mono);color:var(--ink-soft);font-size:10.5px}.ai-cost-row-cost{font-family:var(--mono);color:var(--ink);text-align:right;min-width:64px;font-size:12px}.ai-cost-empty{color:var(--ink-soft);font-size:12px;font-style:italic}.ai-cost-note{color:var(--ink-soft);margin:6px 0 0;font-size:10.5px;font-style:italic}.ai-plan-actions{flex-wrap:wrap;align-self:flex-start;align-items:center;gap:8px;width:100%;max-width:92%;margin-top:2px;display:flex}.ai-approve-btn{border-radius:8px;padding:6px 12px;font-size:12px}.ai-plan-hint{color:var(--ink-soft);font-size:10.5px;font-style:italic}.ai-compact-btn{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--sage-deep);border:1px solid var(--sage);cursor:pointer;background:0 0;border-radius:6px;padding:2px 8px;font-size:10px;transition:border-color .15s,background .15s}.ai-compact-btn:hover:not(:disabled){background:var(--sage);color:#fff}.ai-compact-btn:disabled{opacity:.4;cursor:default}.ai-usage-footer{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;margin-top:4px;padding:4px 2px 0;display:flex}.ai-usage-stats{font-family:var(--mono);color:var(--ink-soft);letter-spacing:.04em;font-size:10px}.ai-chat-history{flex-direction:column;gap:10px;max-height:260px;padding:4px 2px;display:flex;overflow-y:auto}.ai-chat-entry{flex-direction:column;gap:4px;font-size:12.5px;display:flex}.ai-chat-user{background:var(--ink);color:var(--paper);border-radius:12px 12px 3px;align-self:flex-end;max-width:88%;padding:7px 11px;line-height:1.4}.ai-chat-reply{background:var(--surface);border:1px solid var(--line);max-width:92%;color:var(--ink);border-radius:3px 12px 12px;align-self:flex-start;padding:7px 11px;line-height:1.5}.ai-chat-reply strong{font-weight:700}.ai-md-gap{height:8px}.ai-md-li{gap:7px;display:flex}.ai-md-li:before{content:"•";color:var(--ink-soft);flex-shrink:0}.ai-chat-thinking{color:var(--ink-soft);align-self:flex-start;padding:2px 4px;font-size:11px;font-style:italic;animation:1s infinite pulse}.ai-chat-badge{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;border-radius:4px;align-self:flex-start;padding:2px 6px;font-size:9px}.ai-chat-badge--ok{color:var(--sage-deep);background:#e8f0e7}.ai-chat-badge--error{color:var(--terracotta);cursor:default;background:#fceae4}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.ai-attachments{flex-wrap:wrap;gap:6px;display:flex}.ai-attachment{border:1px solid var(--line);border-radius:6px;flex-shrink:0;width:52px;height:52px;position:relative;overflow:hidden}.ai-attachment-thumb{object-fit:cover;width:100%;height:100%;display:block}.ai-attachment-remove{color:#fff;cursor:pointer;background:#1a1a1ab3;border:none;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;padding:0;font-size:11px;line-height:1;display:flex;position:absolute;top:1px;right:1px}.ai-gen-input{resize:none;width:100%;min-height:92px;font-family:var(--ui);color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:8px;outline:none;padding:8px 10px;font-size:13px;line-height:1.45;transition:border-color .15s}.ai-gen-input:focus{border-color:var(--sage)}.ai-gen-input::placeholder{color:var(--ink-soft);opacity:.6}.ai-gen-input:disabled{opacity:.5}.ai-input-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ai-model-select{font-family:var(--mono);letter-spacing:.04em;color:var(--ink-soft);background:var(--surface);border:1px solid var(--line);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border-radius:8px;flex:1;min-width:0;padding:5px 22px 5px 8px;font-size:10px}.ai-model-select:disabled{opacity:.4;cursor:default}.ai-attach-btn{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);border:1px solid var(--line);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;padding:6px 10px;font-size:10px;transition:border-color .15s,color .15s}.ai-attach-btn:hover:not(:disabled){border-color:var(--sage);color:var(--sage-deep)}.ai-attach-btn:disabled{opacity:.4;cursor:default}.ai-gen-btn{border-radius:8px;flex:1;padding:8px 12px;font-size:13px}.ai-gen-btn--loading{opacity:.7;cursor:wait}.stack{flex-direction:column;gap:10px;display:flex}.add-text{border:1px solid var(--line);background:var(--cream);text-align:left;color:var(--ink);border-radius:10px;padding:14px 12px;transition:border-color .15s,background .15s}.add-text:hover{border-color:var(--ink);background:var(--paper)}.add-headline{font-family:var(--display);font-size:22px;font-weight:900;line-height:1.1}.add-subhead{font-family:Archivo,sans-serif;font-size:16px;font-weight:600}.add-body{color:var(--ink-soft);font-size:13px;line-height:1.4}.add-label{font-family:var(--mono);letter-spacing:.2em;font-size:11px}.shape-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.shape-cell{aspect-ratio:1;border:1px solid var(--line);background:var(--cream);border-radius:10px;place-items:center;transition:border-color .15s;display:grid}.shape-cell:hover{border-color:var(--ink)}.sh{background:var(--ink-soft)}.sh-rect{width:38px;height:28px}.sh-round{border-radius:8px;width:38px;height:28px}.sh-circle{border-radius:50%;width:32px;height:32px}.sh-pill{border-radius:99px;width:42px;height:18px}.sh-line{width:42px;height:2px}.sh-frame{border:2.5px solid var(--ink-soft);background:0 0;width:34px;height:42px}.search-input{border:1px solid var(--line);background:var(--cream);border-radius:999px;outline:none;width:100%;padding:9px 12px;font-size:13px}.search-input:focus{border-color:var(--sage);background:var(--paper)}.tint-row{align-items:center;gap:6px;margin-bottom:4px;display:flex}.tint-picker-row{align-items:center;gap:8px;display:flex}.tint-swatch{border:1.5px solid var(--line);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;width:36px;height:28px;padding:2px}.tint-swatch::-webkit-color-swatch-wrapper{padding:0}.tint-swatch::-webkit-color-swatch{border:none;border-radius:4px}.feather-edge-toggle{color:var(--ink-soft);cursor:pointer;letter-spacing:.04em;text-transform:uppercase;background:0 0;border:none;align-items:center;gap:6px;padding:2px 0 4px;font-size:11px;font-weight:600;display:flex}.feather-edge-toggle:hover{color:var(--ink)}.feather-edge-toggle--active{color:var(--sage-deep)}.feather-edge-dot{background:var(--sage-deep);border-radius:50%;flex-shrink:0;width:6px;height:6px}.feather-edge-grid{flex-direction:column;gap:4px;margin-bottom:6px;display:flex}.corner-radius-grid{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:6px;display:grid}.style-tabs{background:var(--surface);border:1px solid var(--line);border-radius:10px;gap:4px;margin:2px 0 10px;padding:4px;display:flex}.style-tab{cursor:pointer;color:var(--ink-soft);background:0 0;border:none;border-radius:7px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:7px 4px;transition:background .12s,color .12s;display:flex}.style-tab:hover{color:var(--ink)}.style-tab.active{background:var(--paper);color:var(--terracotta);box-shadow:0 1px 3px #1a1a1a1a}.style-tab-ico{width:18px;height:18px;display:inline-flex}.style-tab-label{letter-spacing:.02em;font-size:9.5px;font-weight:600}.per-side-border-grid{flex-direction:column;gap:6px;margin-bottom:6px;display:flex}.per-side-border-row{grid-template-columns:1fr 1fr;align-items:end;gap:6px;display:grid}.feather-edge-row{align-items:center;gap:6px;display:flex}.feather-edge-label{width:12px;color:var(--ink-soft);text-align:center;letter-spacing:.05em;flex-shrink:0;font-size:10px;font-weight:700}.feather-edge-val{width:34px;color:var(--ink-soft);text-align:right;flex-shrink:0;font-size:11px}.btn-sm{margin-top:2px;padding:3px 8px;font-size:11px}.url-image-row{align-items:center;gap:6px;display:flex}.url-image-input{border:1px solid var(--line);background:var(--cream);min-width:0;color:var(--ink);border-radius:8px;outline:none;flex:1;padding:8px 12px;font-size:12px}.url-image-input::placeholder{color:var(--ink-soft)}.url-image-input:focus{border-color:var(--sage);background:var(--paper)}.dash-search{width:230px}.icon-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.icon-grid-sm{grid-template-columns:repeat(6,1fr);gap:5px}.icon-cell{aspect-ratio:1;border:1px solid var(--line);background:var(--cream);color:var(--ink);border-radius:9px;place-items:center;padding:22%;transition:border-color .15s,background .15s;display:grid}.icon-cell svg{width:100%;height:100%}.icon-cell:hover{border-color:var(--ink);background:var(--paper)}.icon-cell.active{border-color:var(--terracotta);background:#f6ebe5}.canvas-area{background:radial-gradient(#1a1a1a21 1px, transparent 1px) 0 0 / 22px 22px, var(--cream-deep);flex:1;place-items:center;min-width:0;min-height:0;padding:48px;display:grid;overflow:auto}.artboard-wrap{flex-shrink:0;margin:auto;position:relative}.artboard-wrap--transparent{background-image:repeating-conic-gradient(#e8e8e8 0% 25%,#f4f4f4 0% 50%);background-size:16px 16px}.artboard{transform-origin:0 0;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 24px 70px -30px #1a1a1a80,0 0 0 1px #1a1a1a14}.artboard-overlay{transform-origin:0 0;pointer-events:none;z-index:5;position:absolute;top:0;left:0}.canvas-area.drop-hover .artboard{outline:3px dashed var(--sage);outline-offset:-3px}.canvas-area.drop-hover:after{content:"Drop image here";pointer-events:none;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;background:var(--ink);color:var(--cream);border-radius:999px;padding:10px 22px;font-size:12px;animation:.15s cubic-bezier(.2,.8,.2,1) both pop;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 10px 28px -10px #1a1a1a80}.artboard>div{touch-action:none}.img-placeholder{outline-offset:-1.5px;color:#1a1a1a73;width:100%;height:100%;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;-webkit-user-select:none;user-select:none;background:repeating-linear-gradient(-45deg,#1a1a1a0a 0 14px,#1a1a1a14 14px 28px);outline:1.5px dashed #1a1a1a4d;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:20px;display:flex}.sample-overlay{cursor:crosshair;z-index:1000;pointer-events:auto;position:absolute;inset:0}.sample-rect{pointer-events:none;background:#a8894e29;border:1.5px dashed #a8894e;position:absolute}.canvas-area.sampling:after{content:"Drag a box over the pattern to sample · Esc to cancel";pointer-events:none;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#fff;background:#a8894e;border-radius:999px;padding:10px 22px;font-size:12px;animation:.15s cubic-bezier(.2,.8,.2,1) both pop;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 10px 28px -10px #1a1a1a80}.canvas-area.synthesizing:after{content:"Weaving texture…"}.canvas-area.cropping:after{content:"Drag to reposition · Double-click or Esc to finish";pointer-events:none;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;background:var(--sage-deep);color:#fff;border-radius:999px;padding:10px 22px;font-size:12px;animation:.15s cubic-bezier(.2,.8,.2,1) both pop;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 10px 28px -10px #1a1a1a80}.ai-magic-overlay{z-index:200;border-radius:inherit;-webkit-backdrop-filter:blur(6px);background:#f9f6f58c;justify-content:center;align-items:center;animation:.35s cubic-bezier(.2,.8,.2,1) both ai-overlay-in;display:flex;position:absolute;inset:0;overflow:hidden}@keyframes ai-overlay-in{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}}.ai-magic-blob{filter:blur(32px);border-radius:60% 40% 55% 45%/45% 55% 40% 60%;animation:3.2s ease-in-out infinite alternate ai-blob;position:absolute}@keyframes ai-blob{0%{opacity:.2;transform:scale(.7)rotate(-8deg)}50%{opacity:.8;transform:scale(1.1)rotate(6deg)}to{opacity:.4;transform:scale(.85)rotate(-4deg)}}.ai-magic-sweep{pointer-events:none;background:linear-gradient(115deg,#0000 30%,#ffffff8c 48%,#ffffffbf 50%,#ffffff8c 52%,#0000 70%);animation:2s ease-in-out infinite ai-sweep;position:absolute;inset:-50%}@keyframes ai-sweep{0%{transform:translate(-60%)}to{transform:translate(60%)}}.ai-magic-center{z-index:1;pointer-events:none;flex-direction:column;align-items:center;gap:.8em;display:flex;position:relative}.ai-magic-wand{filter:drop-shadow(0 0 .3em #c17a5ae6)drop-shadow(0 0 .8em #b8a9c9b3);width:44px;height:44px;animation:1.8s ease-in-out infinite ai-wand-spin}@keyframes ai-wand-spin{0%{transform:rotate(-20deg)scale(.9)}30%{transform:rotate(20deg)scale(1.15)}60%{transform:rotate(-10deg)scale(1.05)}to{transform:rotate(-20deg)scale(.9)}}.ai-magic-label{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink);background:#f9f6f5d9;border-radius:99em;padding:.55em 1.4em;font-size:.75em;animation:2s ease-in-out infinite ai-label-pulse;box-shadow:0 2px 12px #0000001a}@keyframes ai-label-pulse{0%,to{opacity:.75}50%{opacity:1}}.selection-box--crop{outline-color:var(--sage-deep);outline-style:dashed}.crop-inner-box{z-index:999;outline-style:dashed;outline-color:#ffffffd9}.marquee{border:1.5px dashed var(--terracotta);pointer-events:none;z-index:997;background:#c17a5a12;position:absolute}.layer-group-dot{background:var(--lavender);outline:1.5px solid var(--lavender-pale);border-radius:50%;flex-shrink:0;width:7px;height:7px}.guide{z-index:999;pointer-events:none;position:absolute}.guide-v{border-left:1px solid #e0457b;top:0;bottom:0}.guide-h{border-top:1px solid #e0457b;left:0;right:0}.guide--center{box-shadow:0 0 0 .5px #00c2c780;border-color:#00c2c7!important}.selection-box{pointer-events:none;z-index:998;outline:1.5px solid var(--terracotta);outline-offset:0;position:absolute}.selection-box--group{z-index:999;outline-style:dashed}.handle{background:var(--paper);border:1.5px solid var(--terracotta);pointer-events:auto;border-radius:50%;position:absolute}.handle-nw{cursor:nwse-resize;top:0;left:0;transform:translate(-50%,-50%)}.handle-n{cursor:ns-resize;top:0;left:50%;transform:translate(-50%,-50%)}.handle-ne{cursor:nesw-resize;top:0;right:0;transform:translate(50%,-50%)}.handle-e{cursor:ew-resize;top:50%;right:0;transform:translate(50%,-50%)}.handle-se{cursor:nwse-resize;bottom:0;right:0;transform:translate(50%,50%)}.handle-s{cursor:ns-resize;bottom:0;left:50%;transform:translate(-50%,50%)}.handle-sw{cursor:nesw-resize;bottom:0;left:0;transform:translate(-50%,50%)}.handle-w{cursor:ew-resize;top:50%;left:0;transform:translate(-50%,-50%)}.rotate-handle{background:var(--paper);border:1.5px solid var(--sage-deep);pointer-events:auto;cursor:grab;border-radius:50%;position:absolute;left:50%;transform:translate(-50%)}.text-edit{background:#f9f6f500}.right-rail{z-index:55;pointer-events:none;flex-direction:column;width:300px;min-height:0;display:flex;position:absolute;top:14px;bottom:64px;right:14px}.tool-palette{pointer-events:auto;background:var(--paper);border:1px solid var(--line);border-radius:16px;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden;box-shadow:0 10px 30px #1a1a1a29}.inspector{flex:1;padding:16px;overflow-y:auto}.layers-panel{flex-direction:column;flex:1;min-height:0;padding:16px;display:flex;overflow:hidden}.layers-panel--collapsed{flex:none}.layers-list{flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.layers-toggle{cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:0;display:flex}.layers-panel--collapsed .layers-toggle{margin-bottom:0}.layers-toggle:hover .layers-chevron{color:var(--ink)}.layers-chevron{color:var(--ink-soft);font-size:13px;transition:color .15s}.panel-title{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);align-items:center;gap:8px;margin-bottom:14px;font-size:11px;font-weight:500;display:flex}.locked-tag{background:var(--lavender-pale);color:var(--ink-soft);letter-spacing:.05em;border-radius:99px;padding:2px 8px;font-size:10px}.section-label{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);border-top:1px solid var(--line);margin:16px 0 8px;padding-top:12px;font-size:10px}.field{margin-bottom:12px}.field-row{align-items:flex-end;gap:8px;display:flex}.field-label{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:6px;font-size:11px;font-weight:600;display:block}.field select,.text-input{border:1px solid var(--line);background:var(--cream);border-radius:8px;outline:none;width:100%;padding:8px 10px;font-size:13px}.field select:focus,.text-input:focus{border-color:var(--sage);background:var(--paper)}.text-input{resize:vertical;line-height:1.4}.num-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.num-field{flex-direction:column;flex:1;gap:4px;display:flex}.num-field span{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);font-size:10px;font-weight:600}.num-field input{border:1px solid var(--line);background:var(--cream);width:100%;font-size:13px;font-family:var(--mono);border-radius:8px;outline:none;padding:7px 8px}.num-field input:focus{border-color:var(--sage);background:var(--paper)}.btn-row{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.field-label-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.field-label-row .field-label{margin-bottom:0}.align-canvas-toggle{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600;transition:all .12s}.align-canvas-toggle:hover{border-color:var(--sage);color:var(--ink)}.align-canvas-toggle.active{background:var(--sage);border-color:var(--sage);color:#fff}.align-grid{grid-template-columns:repeat(6,1fr);gap:4px;margin-bottom:10px;display:grid}.btn-icon{aspect-ratio:1;border-radius:6px;justify-content:center;align-items:center;width:100%;padding:5px;display:flex}.btn-icon svg{width:100%;height:100%}.swatches{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.swatch{border:1px solid #1a1a1a2e;border-radius:50%;width:22px;height:22px;padding:0;transition:transform .12s}.swatch:hover{transform:scale(1.18)}.swatch.active{outline:2px solid var(--terracotta);outline-offset:1.5px}.swatch-none{background:linear-gradient(135deg, transparent 44%, #d33 46%, #d33 54%, transparent 56%), var(--paper)}.color-row{align-items:center;gap:8px;display:flex}.color-row input[type=color]{border:1px solid var(--line);background:var(--paper);cursor:pointer;border-radius:8px;width:34px;height:30px;padding:2px}.hex-input{border:1px solid var(--line);background:var(--cream);font-family:var(--mono);text-transform:uppercase;border-radius:8px;outline:none;flex:1;padding:7px 10px;font-size:12px}.hex-input:focus{border-color:var(--sage);background:var(--paper)}.font-current{border:1px solid var(--line);background:var(--cream);text-align:left;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:9px 12px;font-size:15px;transition:border-color .15s;display:flex}.font-current:hover,.font-current.open{border-color:var(--sage);background:var(--paper)}.font-caret{color:var(--ink-soft);font-size:10px;font-family:var(--ui)}.font-panel{border:1px solid var(--line-strong);background:var(--paper);border-radius:10px;flex-direction:column;gap:8px;margin-top:8px;padding:10px;animation:.14s cubic-bezier(.2,.8,.2,1) both pop;display:flex;box-shadow:0 12px 28px -16px #1a1a1a59}.font-cats{flex-wrap:wrap;gap:4px;display:flex}.font-cat{border:1px solid var(--line);background:var(--cream);color:var(--ink-soft);border-radius:99px;padding:3px 10px;font-size:11px;font-weight:600}.font-cat:hover{border-color:var(--ink);color:var(--ink)}.font-cat.active{background:var(--ink);border-color:var(--ink);color:var(--cream)}.font-list{flex-direction:column;max-height:280px;display:flex;overflow-y:auto}.font-row{text-align:left;background:0 0;border:none;border-radius:8px;flex-direction:column;align-items:flex-start;gap:1px;padding:7px 8px;display:flex}.font-row:hover{background:var(--lavender-pale)}.font-row.active{background:var(--lightest-sage,#e8eee7)}.font-sample{color:var(--ink);font-size:17px;line-height:1.25}.font-meta{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-size:9.5px}.slider{width:100%;accent-color:var(--terracotta);cursor:pointer}.hint{color:var(--ink-soft);font-size:12px;line-height:1.5}.format-chip{font-family:var(--mono);border:1px solid var(--line);background:var(--cream);color:var(--ink-soft);border-radius:8px;padding:8px 12px;font-size:12px}.bg-toggle-row{gap:4px;display:flex}.bg-toggle-btn{border:1px solid var(--line);background:var(--cream);color:var(--ink-soft);cursor:pointer;border-radius:6px;flex:1;padding:6px 10px;font-size:12px;font-weight:500;transition:background .12s,color .12s,border-color .12s}.bg-toggle-btn.active{background:var(--ink);color:#fff;border-color:var(--ink)}.layer-row{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:7px 8px;font-size:13px;display:flex}.layer-row:hover{background:var(--cream)}.layer-row.active{background:var(--lavender-pale);border-color:var(--lavender)}.layer-row.drag-over{border-top:2px solid var(--terracotta)}.layer-kind{width:20px;height:20px;color:var(--ink-soft);border:1px solid var(--line);background:var(--paper);border-radius:5px;flex-shrink:0;place-items:center;font-size:11px;font-weight:700;display:grid}.layer-kind svg{width:13px;height:13px}.layer-btn svg,.layers-chevron svg{width:14px;height:14px}.layer-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.layer-btn{color:var(--ink);opacity:.18;cursor:pointer;background:0 0;border:none;border-radius:4px;place-items:center;padding:3px 2px;line-height:1;transition:opacity .12s,color .12s,background .12s;display:grid}.layer-row:hover .layer-btn{opacity:.45}.layer-btn:hover{background:var(--cream);opacity:1!important}.layer-btn--lock.locked{opacity:1;color:var(--terracotta)}.layer-btn--eye.hidden{opacity:.8;color:var(--ink)}.dash-layout{gap:0;min-height:100%;display:flex}.ws-switcher{position:relative}.ws-trigger{border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:500;transition:border-color .15s,background .15s;display:inline-flex}.ws-trigger:hover{border-color:var(--ink-soft);background:var(--cream)}.ws-name{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.ws-role{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid;border-radius:99px;padding:2px 6px;font-size:9px}.ws-role--owner{color:var(--terracotta-deep)}.ws-role--admin{color:var(--sage-deep)}.ws-role--editor{color:var(--ink-soft)}.ws-role--viewer{color:var(--ink-soft);opacity:.6}.ws-caret{width:14px;height:14px;color:var(--ink-soft);display:inline-flex}.ws-menu{z-index:50;background:var(--paper);border:1px solid var(--line);border-radius:10px;flex-direction:column;min-width:200px;animation:.14s cubic-bezier(.2,.8,.2,1) both pop;display:flex;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden;box-shadow:0 12px 32px #1a1a1a2e}.ws-menu-label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);padding:10px 12px 6px;font-size:10px}.ws-item{text-align:left;color:var(--ink);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:10px 12px;font-size:13px;transition:background .12s;display:flex}.ws-item:hover{background:var(--surface)}.ws-item.active{background:var(--lavender-pale)}.ws-item-name{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.ws-item-role{margin-left:8px;font-size:11px}.ws-menu-sep{background:var(--line);height:1px;margin:4px 0}.ws-menu-action{text-align:left;color:var(--ink);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:10px 12px;font-size:13px;transition:background .12s;display:flex}.ws-menu-action:hover{background:var(--surface)}.ws-menu-action .ico{flex-shrink:0;width:14px;height:14px}.ws-create-form{flex-direction:column;gap:6px;padding:10px 12px;display:flex}.ws-create-form .text-input{padding:6px 8px;font-size:12px}.ws-create-actions{gap:4px;display:flex}.ws-settings-tabs{border-bottom:1px solid var(--line);gap:0;margin:0;padding:0 20px;display:flex}.ws-settings-tab{cursor:pointer;color:var(--ink-soft);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:12px 16px;font-size:13px;font-weight:500;transition:color .15s,border-color .15s}.ws-settings-tab:hover{color:var(--ink)}.ws-settings-tab.active{color:var(--ink);border-bottom-color:var(--ink)}.ws-settings-content{flex:1;padding:20px;overflow-y:auto}.ws-settings-section{flex-direction:column;gap:12px;display:flex}.ws-settings-section h4{color:var(--ink);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:13px;font-weight:600}.ws-name-display,.ws-plan-display{align-items:center;gap:12px;display:flex}.ws-plan-badge{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid;border-radius:6px;padding:4px 8px;font-size:11px}.ws-plan--free{color:var(--ink-soft)}.ws-plan--team{color:var(--sage-deep)}.ws-rename-form,.ws-invite-form{flex-direction:column;gap:8px;display:flex}.ws-rename-actions,.ws-create-actions{gap:6px;display:flex}.ws-members-list{flex-direction:column;gap:10px;display:flex}.ws-member-row{border:1px solid var(--line);background:var(--cream);border-radius:8px;justify-content:space-between;align-items:center;padding:10px;display:flex}.ws-member-email{flex:1;font-size:13px;font-weight:500}.ws-member-actions{align-items:center;gap:8px;display:flex}.ws-role-select{border:1px solid var(--line);background:var(--paper);cursor:pointer;border-radius:6px;padding:6px 8px;font-size:12px}.ws-role-badge{font-family:var(--mono);letter-spacing:.04em;background:var(--line);color:var(--ink-soft);border-radius:4px;padding:2px 8px;font-size:10px}.ws-invite-form{grid-template-columns:1fr auto auto;align-items:end;gap:8px;display:grid}.ws-invite-form .text-input{padding:8px 10px;font-size:12px}.ws-invite-error{border:1px solid var(--terracotta);color:var(--terracotta);background:#f6ebe5;border-radius:6px;padding:10px;font-size:12px}.ws-accounts-list{flex-direction:column;gap:10px;display:flex}.ws-account-row{border:1px solid var(--line);background:var(--cream);border-radius:8px;justify-content:space-between;align-items:center;padding:10px;display:flex}.ws-account-name{font-size:13px;font-weight:500}.ws-connect-btn-wrap{margin-top:12px}.folders-sidebar{background:var(--cream);border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;gap:8px;width:200px;max-height:100vh;padding:16px;display:flex;overflow-y:auto}.folders-title{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 8px;font-size:11px}.folders-item,.folders-item-wrap{text-align:left;position:relative}.folders-item{background:var(--paper);width:100%;color:var(--ink);cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;transition:background .12s,color .12s;display:flex}.folders-item:hover{background:var(--cream-deep)}.folders-item.active,.folders-item-wrap.active .folders-item{background:var(--ink);color:var(--cream);border-color:var(--ink)}.folders-item-ico{flex-shrink:0;width:16px;height:16px;display:inline-flex}.folders-divider{background:var(--line);height:1px;margin:4px 0}.folders-list-head{justify-content:space-between;align-items:center;margin-top:4px;padding:8px 10px;display:flex}.folders-list-label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-size:10px;font-weight:500}.folders-add-btn{width:20px;height:20px;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:4px;transition:background .12s,color .12s;display:inline-flex}.folders-add-btn:hover{background:var(--surface);color:var(--ink)}.folders-add-btn svg{width:100%;height:100%}.folders-item-wrap{align-items:center;display:flex}.folders-item-wrap .folders-item{flex:1}.folders-item-menu{flex-shrink:0;gap:4px;margin-left:4px;padding:0 4px;display:none}.folders-item-wrap:hover .folders-item-menu{display:flex}.folders-menu-btn{width:20px;height:20px;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;transition:background .12s,color .12s;display:flex}.folders-menu-btn:hover{background:var(--surface);color:var(--ink)}.folders-menu-btn--danger:hover{color:var(--terracotta)}.folders-menu-btn svg{width:14px;height:14px}.folders-item-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.folders-item-create,.folders-item-rename{flex-direction:column;gap:6px;display:flex}.folders-item-actions{gap:4px;display:flex}.btn-xs{padding:3px 6px;font-size:11px}.invite-accept{background:var(--cream);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.invite-card{background:var(--paper);border:1px solid var(--line);text-align:center;border-radius:16px;width:100%;max-width:480px;padding:40px;box-shadow:0 10px 32px #1a1a1a1f}.invite-icon{background:var(--lavender-pale);width:60px;height:60px;color:var(--lavender);border-radius:12px;justify-content:center;align-items:center;margin-bottom:20px;margin-left:auto;margin-right:auto;display:flex}.invite-icon svg{width:32px;height:32px}.invite-card h2{font-family:var(--display);margin:0 0 12px;font-size:28px;font-weight:600}.invite-details{color:var(--ink-soft);margin:0 0 24px;font-size:14px;line-height:1.6}.invite-actions{justify-content:center;gap:8px;display:flex}.invite-error{color:var(--terracotta);background:#f6ebe5;border-radius:8px;padding:16px;font-size:14px}.btn-publish{background:var(--sage);border-color:var(--sage);color:var(--cream)}.btn-publish:hover:not(:disabled){background:var(--sage-deep);border-color:var(--sage-deep);color:var(--cream)}.modal-backdrop{z-index:100;background:#1a1a1a99;place-items:center;animation:.15s both pop;display:grid;position:fixed;inset:0}.modal{background:var(--paper);border:1px solid var(--line-strong);border-radius:16px;width:560px;max-width:calc(100vw - 48px);max-height:calc(100vh - 64px);padding:22px;overflow-y:auto;box-shadow:0 30px 80px -30px #1a1a1a99}.modal-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.modal-head h3{font-family:var(--display);font-size:22px;font-weight:600}.modal-foot{justify-content:space-between;align-items:center;gap:14px;margin-top:16px;display:flex}.publish-note{border:1px solid var(--line);background:var(--cream);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;padding:12px 14px;font-size:13.5px;line-height:1.45;display:flex}.publish-note.ok{border-color:var(--sage);background:var(--lightest-sage,#e8eee7)}.publish-note.warn{border-color:var(--terracotta);background:#f8ece5;display:block}.publish-note code{font-family:var(--mono);background:#1a1a1a12;border-radius:4px;padding:1px 5px;font-size:12px}.publish-slides{gap:10px;padding:4px 0 8px;display:flex;overflow-x:auto}.slide-chip{border:1px solid var(--line);background:var(--cream);border-radius:10px;flex-shrink:0;position:relative;overflow:hidden}.slide-num{z-index:2;background:var(--ink);width:22px;height:22px;color:var(--cream);font-family:var(--mono);border-radius:50%;place-items:center;font-size:11px;display:grid;position:absolute;top:6px;left:6px}.slide-label{color:var(--ink-soft);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:92px;padding:3px 6px;font-size:10px;display:block;overflow:hidden}.slide-actions{border-top:1px solid var(--line);justify-content:space-between;display:flex}.slide-actions button{color:var(--ink-soft);background:0 0;border:none;flex:1;padding:5px 0;font-size:12px}.slide-actions button:hover:not(:disabled){background:var(--lavender-pale);color:var(--ink)}.slide-actions button:disabled{opacity:.25}.publish-picker{gap:10px;padding:4px 0 8px;display:flex;overflow-x:auto}.picker-card{border:1px solid var(--line);background:var(--cream);border-radius:10px;flex-direction:column;flex-shrink:0;align-items:center;gap:5px;width:86px;padding:7px;transition:border-color .15s;display:flex}.picker-card:hover{border-color:var(--sage)}.picker-card span{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10.5px;overflow:hidden}.publish-result{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:28px 0 12px;display:flex}.publish-result a{color:var(--terracotta-deep);font-weight:600}.pub-tabs{border-bottom:1.5px solid var(--line);gap:2px;margin-bottom:14px;display:flex}.pub-tab{cursor:pointer;color:var(--ink-light);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1.5px;padding:7px 16px;font-size:13px;font-weight:500}.pub-tab:hover{color:var(--ink)}.pub-tab.active{color:var(--terracotta-deep);border-bottom-color:var(--terracotta-deep)}.reel-settings{flex-direction:column;gap:12px;margin:4px 0 8px;display:flex}.reel-row{flex-direction:column;gap:5px;display:flex}.reel-row label{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-light);font-size:11px;font-weight:600}.reel-slider-row{align-items:center;gap:10px;display:flex}.reel-slider-row input[type=range]{accent-color:var(--terracotta-deep);flex:1}.reel-duration-val{text-align:right;min-width:24px;font-size:13px;font-weight:600}.reel-audio-toggle{gap:4px;display:flex}.reel-audio-opt{border:1.5px solid var(--line);cursor:pointer;color:var(--ink-light);background:0 0;border-radius:6px;padding:5px 10px;font-size:12px}.reel-audio-opt:hover{border-color:var(--ink-light);color:var(--ink)}.reel-audio-opt.active{border-color:var(--terracotta-deep);color:var(--terracotta-deep);background:#fdf0ea}.reel-audio-row{align-items:center;gap:8px;display:flex}.reel-audio-name{color:var(--ink-light);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.audio-connect{flex-direction:column;gap:8px;padding:10px 0;display:flex}.audio-search-panel{flex-direction:column;gap:8px;display:flex}.audio-type-tabs{align-items:center;gap:4px;display:flex}.audio-type-btn{border:1.5px solid var(--line);cursor:pointer;color:var(--ink-light);background:0 0;border-radius:20px;padding:4px 10px;font-size:12px}.audio-type-btn:hover{border-color:var(--ink-light)}.audio-type-btn.active{border-color:var(--terracotta-deep);color:var(--terracotta-deep);background:#fdf0ea}.audio-disconnect{border:1px solid var(--line);cursor:pointer;color:var(--ink-light);background:0 0;border-radius:4px;margin-left:auto;padding:3px 8px;font-size:11px}.audio-disconnect:hover{color:var(--terracotta);border-color:var(--terracotta)}.audio-query-input{padding:7px 10px!important;font-size:13px!important}.audio-selected-bar{border:1.5px solid var(--sage);background:#f0f4ef;border-radius:8px;align-items:center;gap:8px;padding:7px 10px;display:flex}.audio-selected-info{flex:1;font-size:13px}.audio-art-sm{object-fit:cover;border-radius:4px;flex-shrink:0;width:32px;height:32px}.audio-results{flex-direction:column;gap:2px;max-height:200px;display:flex;overflow-y:auto}.audio-result-item{text-align:left;background:0 0;border:1.5px solid #0000;border-radius:6px;align-items:center;gap:8px;width:100%;padding:6px 8px;display:flex}.audio-result-item:hover{background:var(--lightest-sage,#f5f7f4)}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,#e8ebe7 25%,#f2f4f1 50%,#e8ebe7 75%) 0 0/800px 100%;border-radius:4px;animation:1.4s infinite shimmer}.audio-skeleton-item{pointer-events:none}.audio-skeleton-play{border-radius:50%;flex-shrink:0;width:26px;height:26px}.audio-skeleton-art{border-radius:4px;flex-shrink:0;width:40px;height:40px}.audio-skeleton-title{width:70%;height:12px;margin-bottom:6px}.audio-skeleton-artist{width:45%;height:10px}.audio-skeleton-dur{flex-shrink:0;width:28px;height:10px}.reel-progress-track{background:var(--border);border-radius:2px;height:4px;margin:8px 0 4px;overflow:hidden}.reel-progress-fill{background:var(--sage);border-radius:2px;height:100%;transition:width .35s}.audio-genre-chips{flex-wrap:wrap;gap:6px;margin:6px 0;display:flex}.audio-genre-chip{border:1.5px solid var(--border);cursor:pointer;color:var(--text-secondary);white-space:nowrap;background:0 0;border-radius:20px;padding:3px 10px;font-size:12px}.audio-genre-chip:hover{border-color:var(--sage);color:var(--sage)}.audio-genre-chip.active{border-color:var(--sage);background:var(--sage);color:#fff}.audio-preview-btn{border:1.5px solid var(--sage);cursor:pointer;width:26px;height:26px;color:var(--sage);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;display:flex}.audio-preview-btn:hover{background:var(--sage);color:#fff}.audio-result-item.selected{border-color:var(--sage);background:#f0f4ef}.audio-art{object-fit:cover;border-radius:5px;flex-shrink:0;width:38px;height:38px}.audio-art-placeholder{background:var(--line);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;display:flex}.audio-track-info{flex-direction:column;flex:1;min-width:0;display:flex}.audio-track-title{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.audio-track-artist{color:var(--ink-light);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.audio-track-dur{color:var(--ink-light);flex-shrink:0;font-size:11px}.pixabay-divider{background:var(--line);height:1px;margin:2px 0}.pixabay-picker{flex-direction:column;flex:1;gap:7px;min-height:0;display:flex}.stock-filters{flex-direction:column;gap:6px;display:flex}.stock-seg{background:var(--surface-sunk,#0000000a);border-radius:10px;flex-wrap:wrap;gap:3px;padding:3px;display:flex}.stock-seg-btn{cursor:pointer;min-width:70px;color:var(--ink-soft);background:0 0;border:none;border-radius:7px;flex:auto;justify-content:center;align-items:center;gap:5px;padding:6px 4px;font-size:12px;font-weight:500;transition:background .12s,color .12s,box-shadow .12s;display:flex}.stock-seg-ico{flex-shrink:0;width:15px;height:15px;display:block}.stock-seg-btn:hover{color:var(--ink)}.stock-seg-btn.active{background:var(--surface,#fff);color:var(--sage);box-shadow:0 1px 3px #0000001f}.stock-source-tabs{background:var(--surface-sunk,#0000000a);border-radius:10px;gap:4px;padding:3px;display:flex}.stock-source-tab{cursor:pointer;color:var(--ink-soft);background:0 0;border:none;border-radius:7px;flex:1;padding:6px 10px;font-size:12px;font-weight:600;transition:background .12s,color .12s,box-shadow .12s}.stock-source-tab:hover{color:var(--ink)}.stock-source-tab.active{background:var(--surface,#fff);color:var(--ink);box-shadow:0 1px 3px #0000001f}.pixabay-search{width:100%;padding:7px 10px!important;font-size:13px!important}.pixabay-filter-group{flex-direction:column;gap:5px;display:flex}.pixabay-chips{flex-wrap:wrap;gap:4px;display:flex}.pixabay-chip{border:1.5px solid var(--line-strong);cursor:pointer;color:var(--ink-soft);white-space:nowrap;background:0 0;border-radius:20px;padding:2px 8px;font-size:11px;transition:border-color .12s,background .12s,color .12s}.pixabay-chip:hover{border-color:var(--sage);color:var(--sage)}.pixabay-chip.active{border-color:var(--sage);background:var(--sage);color:#fff}.pixabay-count{margin:0;font-size:10px}.pixabay-grid{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;flex:1;grid-template-columns:1fr 1fr;grid-auto-rows:112px;gap:4px;min-height:120px;display:grid;overflow-y:auto}.pixabay-thumb{background:var(--cream-deep);cursor:pointer;border:none;border-radius:5px;padding:0;position:relative;overflow:hidden}.pixabay-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .2s;display:block;position:absolute;inset:0}.pixabay-thumb:hover:not(:disabled) img{transform:scale(1.06)}.pixabay-thumb:hover:not(:disabled):after{content:"+";z-index:1;color:#fff;pointer-events:none;background:#1a1a1a4d;place-items:center;font-size:26px;font-weight:300;display:grid;position:absolute;inset:0}.pixabay-thumb--loading:after{content:"";z-index:1;pointer-events:none;background:#ffffff8c linear-gradient(90deg,#0000 25%,#ffffffb3 50%,#0000 75%) 0 0/200% 100%;animation:1s infinite shimmer;position:absolute;inset:0}.pixabay-thumb:disabled{cursor:wait}.pixabay-thumb-skel{border-radius:5px;height:112px}.pixabay-attribution{text-align:center;color:var(--ink-soft);margin:0;font-size:10px}.pixabay-attribution a{color:var(--ink-soft)}.pixabay-attribution a:hover{color:var(--terracotta)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line-strong);border:2.5px solid var(--cream);border-radius:99px}::-webkit-scrollbar-track{background:0 0}.save-color-btn{border:1.5px dashed var(--line-strong);width:28px;height:28px;color:var(--ink-soft);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;place-items:center;font-size:16px;line-height:1;transition:border-color .15s,color .15s;display:grid}.save-color-btn:hover{border-color:var(--sage);color:var(--sage-deep)}.dialog-overlay{z-index:200;background:#1a1a1a99;place-items:center;animation:.15s both pop;display:grid;position:fixed;inset:0}.dialog{background:var(--paper);border:1px solid var(--line-strong);border-radius:16px;flex-direction:column;max-height:calc(100vh - 64px);display:flex;overflow:hidden;box-shadow:0 30px 80px -30px #1a1a1a80}.settings-dialog{width:520px;max-width:calc(100vw - 48px)}.dialog-header{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 22px 16px;display:flex}.dialog-title{font-family:var(--display);color:var(--ink);font-size:20px;font-weight:600}.dialog-close{border:1px solid var(--line);width:30px;height:30px;color:var(--ink-soft);cursor:pointer;background:0 0;border-radius:8px;place-items:center;font-size:18px;transition:background .12s,color .12s;display:grid}.dialog-close:hover{background:var(--cream);color:var(--ink)}.dialog-footer{border-top:1px solid var(--line);flex-shrink:0;justify-content:flex-end;gap:10px;padding:16px 22px;display:flex}.settings-form{flex-direction:column;gap:24px;padding:20px 22px;display:flex;overflow-y:auto}.settings-section-title{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:12px;font-size:12px;font-weight:600}.settings-textarea{width:100%;display:block}.settings-overlay{z-index:400;position:fixed;inset:0}.settings-overlay--center{background:#1a1a1a66;place-items:center;display:grid}.settings-rail-backdrop{z-index:1;background:#1a1a1a1a;position:fixed;inset:0}.settings-modal{background:var(--paper);border:1px solid var(--line);border-radius:16px;display:flex;overflow:hidden;box-shadow:0 18px 50px #1a1a1a38}.settings-modal--rail{z-index:2;width:min(780px,100vw - 96px);position:absolute;top:4px;bottom:4px;left:76px}.settings-modal--center{width:min(820px,100vw - 48px);height:min(640px,100vh - 48px)}.settings-nav{background:var(--cream);border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;gap:3px;width:210px;padding:16px 10px;display:flex}.settings-nav-title{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);padding:4px 8px 10px;font-size:10px}.settings-nav-group-header{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin-top:4px;padding:10px 8px 6px;font-size:9px;font-weight:500}.settings-nav-item{text-align:left;cursor:pointer;color:var(--ink-soft);background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:10px;transition:background .12s,color .12s;display:flex}.settings-nav-item:hover{background:var(--surface);color:var(--ink)}.settings-nav-item.active{background:var(--paper);color:var(--ink);box-shadow:0 1px 3px #0000001a}.settings-nav-item.active .settings-nav-ico{color:var(--terracotta)}.settings-nav-ico{flex-shrink:0;width:18px;height:18px}.settings-nav-text{flex-direction:column;gap:1px;min-width:0;display:flex}.settings-nav-label{font-size:13px;font-weight:600}.settings-nav-blurb{color:var(--ink-soft);font-size:10.5px}.settings-content{flex-direction:column;flex:1;min-width:0;display:flex}.settings-content-head{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.settings-content-title{font-family:var(--display);color:var(--ink);font-size:19px;font-weight:600}.settings-scroll{flex:1;padding:20px;overflow-y:auto}.settings-content .settings-form{gap:16px;padding:0;overflow:visible}.settings-content .settings-textarea{resize:vertical;min-height:110px;line-height:1.5}.settings-content .settings-textarea[rows="4"]{min-height:150px}.settings-row{gap:12px;display:flex}.settings-row .field{flex:1;min-width:0}.text-input{border:1px solid var(--line);background:var(--cream);width:100%;font-size:14px;font-family:var(--ui);color:var(--ink);border-radius:8px;outline:none;padding:8px 10px;transition:border-color .15s,background .15s}.text-input:focus{border-color:var(--sage);background:var(--paper)}.brand-color-list{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.brand-color-row{border:1px solid var(--line);background:var(--cream);border-radius:8px;align-items:center;gap:10px;padding:7px 10px;display:flex}.brand-color-swatch{border:1px solid #1a1a1a2e;border-radius:50%;flex-shrink:0;width:22px;height:22px}.brand-color-hex{font-family:var(--mono);color:var(--ink);flex:1;font-size:13px}.brand-color-remove{border:1px solid var(--line);width:22px;height:22px;color:var(--ink-soft);cursor:pointer;background:0 0;border-radius:6px;place-items:center;font-size:14px;transition:background .12s,color .12s;display:grid}.brand-color-remove:hover{color:var(--terracotta);background:#f8ece5}.brand-color-add{align-items:center;gap:8px;display:flex}.brand-color-add input[type=color]{border:1px solid var(--line);background:var(--paper);cursor:pointer;border-radius:8px;width:34px;height:34px;padding:2px}.font-picker-actions{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.font-category{margin-bottom:14px}.font-category-label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:8px;font-size:11px;font-weight:600}.font-family-list{flex-wrap:wrap;gap:6px;display:flex}.font-family-chip{border:1.5px solid var(--line);background:var(--cream);color:var(--ink-soft);cursor:pointer;white-space:nowrap;border-radius:20px;padding:5px 12px;font-size:14px;transition:border-color .12s,background .12s,color .12s}.font-family-chip:hover{border-color:var(--sage);color:var(--ink);background:var(--paper)}.font-family-chip.active{border-color:var(--sage);background:var(--sage);color:var(--cream)}.media-library{flex-direction:column;gap:8px;display:flex}.media-gen-section{flex-direction:column;gap:6px;display:flex}.media-gen-input{box-sizing:border-box;border:1.5px solid var(--line);background:var(--paper);width:100%;color:var(--ink);resize:none;border-radius:8px;padding:8px 10px;font-family:inherit;font-size:13px;transition:border-color .15s}.media-gen-input:focus{border-color:var(--sage);outline:none}.media-gen-input::placeholder{color:var(--ink-soft)}.media-gen-input:disabled{opacity:.6}.media-divider{color:var(--ink-soft);align-items:center;gap:8px;margin:2px 0;font-size:11px;display:flex}.media-divider:before,.media-divider:after{content:"";background:var(--line);flex:1;height:1px}.btn-loading{opacity:.7;pointer-events:none}.media-drop-zone{border:1.5px dashed var(--line);text-align:center;color:var(--ink-soft);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;padding:18px 12px;font-size:13px;transition:border-color .15s,background .15s,color .15s}.media-drop-zone:hover,.media-drop-zone.drag-over{border-color:var(--sage);background:color-mix(in srgb, var(--sage) 10%, transparent);color:var(--ink)}.media-drop-zone.uploading{opacity:.6;cursor:not-allowed}.media-grid{grid-template-columns:1fr 1fr;gap:6px;margin-top:4px;display:grid}.media-thumb{aspect-ratio:1;cursor:pointer;background:var(--cream);border:1px solid var(--line);border-radius:6px;position:relative;overflow:hidden}.media-thumb img{object-fit:cover;width:100%;height:100%;transition:opacity .12s;display:block}.media-thumb:hover img{opacity:.8}.media-delete{color:#fff;cursor:pointer;opacity:0;background:#0000008c;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:15px;line-height:1;transition:opacity .12s;display:flex;position:absolute;top:4px;right:4px}.media-thumb:hover .media-delete{opacity:1}.media-delete:hover{background:var(--terracotta)}.canvas-col{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.canvas-col>.canvas-area{flex:1}.page-strip{background:var(--cream-deep);border-top:1px solid var(--line);flex-shrink:0;height:108px;overflow:hidden}.page-strip-scroll{align-items:center;gap:8px;height:100%;padding:0 16px;display:flex;overflow:auto hidden}.page-strip-scroll::-webkit-scrollbar{height:4px}.page-strip-scroll::-webkit-scrollbar-thumb{background:var(--line);border-radius:2px}.page-thumb{cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;flex-shrink:0;align-items:center;gap:4px;display:flex;position:relative}.page-thumb-inner{border:2px solid #0000;border-radius:4px;width:54px;height:68px;transition:border-color .12s,box-shadow .12s;overflow:hidden;box-shadow:0 2px 6px -2px #1a1a1a40}.page-thumb.active .page-thumb-inner{border-color:var(--sage);box-shadow:0 0 0 1px var(--sage), 0 4px 12px -4px #1a1a1a4d}.page-thumb:hover:not(.active) .page-thumb-inner{border-color:var(--line)}.page-thumb.drag-over .page-thumb-inner{border-color:var(--sage);opacity:.6}.page-num{color:var(--ink-soft);font-size:10px;font-family:var(--mono);line-height:1}.page-thumb.active .page-num{color:var(--sage);font-weight:600}.page-delete{background:var(--ink);width:16px;height:16px;color:var(--cream);cursor:pointer;opacity:0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:12px;line-height:1;transition:opacity .12s;display:flex;position:absolute;top:-4px;right:-6px}.page-thumb:hover .page-delete{opacity:1}.page-delete:hover{background:var(--terracotta)}.page-add{border:1.5px dashed var(--line);width:54px;height:68px;color:var(--ink-soft);cursor:pointer;background:0 0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-size:22px;transition:border-color .12s,color .12s,background .12s;display:flex}.page-add:hover{border-color:var(--sage);color:var(--sage);background:color-mix(in srgb, var(--sage) 8%, transparent)}.mp-overlay{z-index:200;background:#000000e0;flex-direction:column;justify-content:center;align-items:center;gap:16px;animation:.2s both mp-fade-in;display:flex;position:fixed;inset:0}@keyframes mp-fade-in{0%{opacity:0}to{opacity:1}}.mp-phone{background:#fff;border:10px solid #1a1a1a;border-radius:54px;flex-direction:column;width:410px;height:864px;animation:.25s cubic-bezier(.2,.8,.2,1) both mp-slide-in;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #3a3a3a,inset 0 0 0 1px #3a3a3a,0 40px 80px #0009}@keyframes mp-slide-in{0%{opacity:0;transform:scale(.94)translateY(12px)}to{opacity:1;transform:none}}.mp-phone:before{content:"";background:#2a2a2a;border-radius:2px 0 0 2px;width:4px;height:36px;position:absolute;top:120px;left:-14px;box-shadow:0 50px #2a2a2a,0 100px #2a2a2a}.mp-phone:after{content:"";background:#2a2a2a;border-radius:0 2px 2px 0;width:4px;height:72px;position:absolute;top:150px;right:-14px}.mp-dynamic-island{z-index:10;background:#1a1a1a;border-radius:20px;width:120px;height:34px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.mp-screen{flex-direction:column;flex:1;padding-top:12px;display:flex;overflow:hidden}.mp-status-bar{flex-shrink:0;justify-content:space-between;align-items:center;height:44px;margin-top:12px;padding:0 28px;display:flex}.mp-time{color:#000;letter-spacing:-.3px;font-family:-apple-system,sans-serif;font-size:15px;font-weight:600}.mp-status-icons{color:#000;align-items:center;gap:6px;display:flex}.mp-ig-topbar{border-bottom:.5px solid #dbdbdb;flex-shrink:0;justify-content:space-between;align-items:center;height:44px;padding:0 16px;display:flex}.mp-ig-logo{height:28px}.mp-ig-topbar-icons{align-items:center;gap:16px;display:flex}.mp-feed{flex:1;overflow:hidden auto}.mp-feed::-webkit-scrollbar{display:none}.mp-post-header{align-items:center;gap:10px;padding:10px 12px;display:flex}.mp-avatar{flex-shrink:0}.mp-avatar-ring{background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:2px;display:flex}.mp-avatar-inner{color:#555;background:#e0e0e0;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-family:-apple-system,sans-serif;font-size:14px;font-weight:700;display:flex}.mp-post-meta{flex-direction:column;flex:1;gap:1px;display:flex}.mp-username{color:#000;font-family:-apple-system,sans-serif;font-size:13px;font-weight:700;line-height:1.2}.mp-location{color:#8e8e8e;font-family:-apple-system,sans-serif;font-size:11px}.mp-more{opacity:.8;flex-shrink:0}.mp-post-image{width:390px;line-height:0;display:block}.mp-carousel-wrap{position:relative;overflow:hidden}.mp-carousel-slide{width:100%;line-height:0;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.mp-carousel-slide:first-child{position:relative}.mp-carousel-arrow{cursor:pointer;z-index:2;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.mp-carousel-arrow--left{left:8px}.mp-carousel-arrow--right{right:8px}.mp-carousel-counter{color:#fff;z-index:2;background:#00000080;border-radius:12px;padding:3px 8px;font-family:-apple-system,sans-serif;font-size:12px;font-weight:600;position:absolute;top:10px;right:10px}.mp-carousel-dots{z-index:2;gap:4px;display:flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.mp-carousel-dot{cursor:pointer;background:#ffffff80;border:none;border-radius:50%;width:6px;height:6px;padding:0;transition:background .2s,transform .2s}.mp-carousel-dot.active{background:#fff;transform:scale(1.2)}.mp-action-bar{justify-content:space-between;align-items:center;padding:10px 12px 8px;display:flex}.mp-action-left{align-items:center;gap:16px;display:flex}.mp-post-footer{padding:0 12px 16px;font-family:-apple-system,sans-serif}.mp-likes{color:#000;margin:0 0 4px;font-size:13px;font-weight:700}.mp-caption{color:#000;margin:0 0 4px;font-size:13px;line-height:1.4}.mp-caption strong{margin-right:4px;font-weight:700}.mp-comments-link{color:#8e8e8e;cursor:pointer;margin:0 0 4px;font-size:13px}.mp-timestamp{color:#8e8e8e;text-transform:uppercase;letter-spacing:.3px;margin:0;font-size:10px}.mp-bottom-nav{background:#fff;border-top:.5px solid #dbdbdb;flex-shrink:0;justify-content:space-around;align-items:center;height:52px;padding:0 8px;display:flex}.mp-nav-avatar{background:#d0d0d0;border:1.5px solid #000;border-radius:50%;width:24px;height:24px}.mp-home-indicator{background:#fff;flex-shrink:0;justify-content:center;align-items:center;height:34px;display:flex}.mp-home-indicator:after{content:"";background:#1a1a1a;border-radius:3px;width:130px;height:5px}.mp-hint{color:#ffffff80;margin:0;font-family:-apple-system,sans-serif;font-size:12px}.mp-modal-inner{flex-direction:column;align-items:center;gap:16px;display:flex}.mp-mode-tabs{background:#ffffff1a;border-radius:10px;gap:4px;padding:4px;display:flex}.mp-mode-tab{cursor:pointer;color:#fff9;background:0 0;border:none;border-radius:7px;padding:7px 18px;font-size:13px;font-weight:500;transition:background .15s,color .15s}.mp-mode-tab.active{color:#1a1a1a;background:#fff}.pres-wrap{flex-direction:column;align-items:center;gap:16px;display:flex}.pres-controls{align-items:center;gap:12px;display:flex}.pres-label{color:#ffffff80;font-family:-apple-system,sans-serif;font-size:12px}.pres-transition-toggle{background:#ffffff1a;border-radius:8px;gap:4px;padding:3px;display:flex}.pres-opt{cursor:pointer;color:#ffffff8c;background:0 0;border:none;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:500;transition:background .15s,color .15s}.pres-opt.active{color:#1a1a1a;background:#fff}.pres-stage{align-items:center;gap:20px;display:flex}.pres-slide-wrap{border-radius:6px;flex-shrink:0;position:relative;overflow:hidden;box-shadow:0 24px 60px #0009,0 0 0 1px #ffffff14}.pres-slide-inner{width:100%;height:100%;transition:opacity 50ms}.pres-anim-canvas{border-radius:6px;position:absolute;inset:0;width:100%!important;height:100%!important}.pres-loading{color:#ffffffb3;background:#00000080;justify-content:center;align-items:center;font-family:-apple-system,sans-serif;font-size:13px;display:flex;position:absolute;inset:0}.pres-nav{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:background .15s;display:flex}.pres-nav:hover:not(.disabled){background:#ffffff38}.pres-nav.disabled{opacity:.25;cursor:default}.pres-counter{align-items:center;gap:6px;display:flex}.pres-dot{cursor:pointer;background:#ffffff4d;border:none;border-radius:50%;width:7px;height:7px;padding:0;transition:background .2s,transform .2s}.pres-dot.active{background:#fff;transform:scale(1.25)}.pres-counter-label{color:#fff6;margin-left:4px;font-family:-apple-system,sans-serif;font-size:12px}.pres-flipbook-wrap{flex-direction:column;align-items:center;gap:16px;display:flex}.pres-flipbook-page{background:#fff;width:100%;height:100%;overflow:hidden}.pres-flipbook-nav{align-items:center;gap:20px;display:flex}.stf__parent{background:0 0!important}.stf__wrapper{box-shadow:0 24px 60px #000000b3,0 0 0 1px #ffffff14}.auth-splash{background:var(--cream);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.auth-splash-inner{flex-direction:column;align-items:center;gap:20px;display:flex}.auth-spinner{border:2px solid #1a1a1a1f;border-top-color:var(--sage);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth-container{background:var(--cream);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.auth-card{background:var(--paper);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:24px;width:100%;max-width:420px;padding:48px 32px;animation:.3s cubic-bezier(.2,.8,.2,1) both auth-card-in;display:flex;box-shadow:0 10px 40px #1a1a1a14}@keyframes auth-card-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}.auth-icon{background:var(--cream-deep);width:64px;height:64px;color:var(--sage);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.auth-icon svg{width:32px;height:32px}.auth-icon-lock{color:var(--terracotta)}.auth-title{font-family:var(--display);letter-spacing:-.01em;color:var(--ink);margin:0;font-size:32px;font-weight:600;line-height:1.2}.auth-subtitle{color:var(--ink-soft);margin:0;font-size:15px;line-height:1.55}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-form .field{margin-bottom:0}.auth-note{background:#7d9b7614;border:1px solid #7d9b7633;border-radius:10px;padding:12px 14px}.auth-note-text{color:var(--ink-soft);margin:0;font-size:13px;line-height:1.5}.auth-user-menu{align-items:center;gap:8px;display:flex}.auth-user-email{font-size:12px;font-family:var(--mono);letter-spacing:.02em;color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;max-width:160px;overflow:hidden}