:root{color:#24261f;font-synthesis:none;text-rendering:optimizelegibility;--ink:#20221d;--ink-soft:#5f6257;--paper:#f8f5ed;--canvas:#d9d5cb;--panel:#f4f1e9;--line:#d5d0c4;--line-strong:#bdb6a8;--accent:#df6337;--accent-dark:#b84323;--accent-soft:#f5d8ca;--green:#38786f;--green-soft:#d5e7e1;--shadow:0 18px 45px #302b2221;background:#eeebe3;font-family:Avenir Next,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:#eeebe3;min-height:100vh}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.42}.button{cursor:pointer;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:8px 14px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button.primary{color:#fff8ef;background:var(--accent);border-color:var(--accent);box-shadow:0 6px 18px #df633738}.button.primary:hover:not(:disabled){background:var(--accent-dark)}.button.secondary{border-color:var(--line);background:#fbf8f1}.button.danger{color:#fff;background:#ad4032;border-color:#ad4032;box-shadow:0 6px 18px #7e281e2e}.button.danger:hover:not(:disabled){background:#8f3025;border-color:#8f3025}.button.secondary:hover:not(:disabled){border-color:var(--line-strong);background:#fff}.button.ghost{background:0 0;border-color:#0000}.button.large{min-height:48px;padding:12px 20px;font-size:14px}.button.compact{min-height:34px;padding:6px 10px}.icon-button{border:1px solid var(--line);cursor:pointer;background:#faf7ef;border-radius:8px;place-items:center;width:34px;height:34px;padding:0;display:inline-grid}.icon-button:hover:not(:disabled){border-color:var(--line-strong);background:#fff}.icon-button.danger:hover{color:#b03c29;background:#fff0ed;border-color:#e3a99d}.muted{color:var(--ink-soft);font-size:13px}.library-page{background:var(--paper);min-height:100vh;overflow:hidden}.library-header{z-index:2;border-bottom:1px solid #ded9cd;justify-content:space-between;align-items:center;height:76px;padding:0 clamp(24px,5vw,80px);display:flex;position:relative}.library-actions{align-items:center;gap:8px;display:flex}.storage-button span{color:#fff;background:var(--accent);border-radius:99px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:11px;display:grid}.brand-lockup{align-items:center;gap:12px;display:flex}.brand-lockup>div:last-child{flex-direction:column;display:flex}.brand-name-row{align-items:center;gap:8px;display:flex}.brand-lockup strong{letter-spacing:-.02em;font-size:18px}.brand-lockup span{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.11em;font-size:11px;font-weight:700}.beta-badge,.brand-lockup .beta-badge{color:#8f381f;letter-spacing:.08em;text-transform:uppercase;background:#f5d8ca;border:1px solid #e7b19a;border-radius:99px;align-items:center;min-height:18px;padding:2px 6px;font-size:11px;font-weight:850;line-height:1;display:inline-flex}.brand-mark,.mini-brand-mark{color:#fff8ef;background:var(--ink);border-radius:10px;place-items:center;display:grid}.brand-mark{width:42px;height:42px;box-shadow:5px 5px 0 var(--accent)}.mini-brand-mark{border-radius:8px;width:31px;height:31px}.library-hero{color:#f7f1e5;background:radial-gradient(circle at 86% 22%,#df633747,#0000 24%),linear-gradient(132deg,#181a16 0%,#242720 65%,#34372e 100%);padding:clamp(64px,8vw,110px) clamp(24px,9vw,150px) 105px;position:relative;overflow:hidden}.library-hero:after{content:"";border:1px solid #f8f5ed26;border-radius:26px;width:310px;height:430px;position:absolute;bottom:-150px;right:8%;transform:rotate(15deg);box-shadow:-35px 28px 0 -2px #df6337,-70px 56px 0 -2px #f8f5ed17}.eyebrow{color:#f2aa8e;text-transform:uppercase;letter-spacing:.15em;align-items:center;gap:7px;font-size:11px;font-weight:800;display:inline-flex}.eyebrow.plain{color:var(--accent-dark)}.library-hero h1{letter-spacing:-.055em;max-width:720px;margin:18px 0 20px;font-family:Georgia,serif;font-size:clamp(42px,5.2vw,76px);font-weight:500;line-height:.98}.library-hero h1 em{color:#f29a75;font-weight:400}.library-hero p{color:#cfcfc5;max-width:620px;font-size:clamp(16px,1.4vw,20px);line-height:1.55}.library-hero .button{margin-top:18px}.library-hero-actions{flex-wrap:wrap;gap:10px;display:flex}.library-hero-actions .button.secondary{color:#f7f1e5;background:#ffffff12;border-color:#ffffff42}.library-hero-actions .button.secondary:hover{background:#ffffff21;border-color:#ffffff6b}.project-section{max-width:1280px;margin:0 auto;padding:54px 32px 80px}.library-storage-warning{color:#72591f;text-align:left;cursor:pointer;background:#f5e9c6;border:1px solid #dfc978;border-radius:10px;align-items:center;gap:11px;width:100%;margin:-18px 0 28px;padding:13px 15px;display:flex}.library-storage-warning.critical{color:#8d3327;background:#f8dfd9;border-color:#dfa092}.library-storage-warning.compatibility{color:#315f57;background:var(--green-soft);border-color:#9fc6b8}.library-storage-warning>span{flex-direction:column;gap:2px;display:flex}.library-storage-warning strong{font-size:13px}.library-storage-warning small{font-size:11px;line-height:1.4}.section-heading{justify-content:space-between;align-items:end;margin-bottom:22px;display:flex}.section-heading h2{letter-spacing:-.03em;margin:5px 0 0;font-family:Georgia,serif;font-size:31px;font-weight:500}.project-grid{grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:18px;display:grid}.project-card{border:1px solid var(--line);background:#fffdf8;border-radius:14px;transition:all .16s;position:relative;overflow:hidden}.project-card:hover{box-shadow:var(--shadow);border-color:var(--line-strong);transform:translateY(-3px)}.project-open{text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:0;display:block}.project-thumbnail{background-image:linear-gradient(45deg,#00000008 25%,#0000 25% 75%,#00000008 75%),linear-gradient(45deg,#00000008 25%,#0000 25% 75%,#00000008 75%);background-position:0 0,9px 9px;background-size:18px 18px;place-items:center;height:145px;display:grid}.thumbnail-card{color:#fbf3e3;background:var(--ink);width:66px;height:94px;box-shadow:9px 8px 0 var(--accent);border-radius:7px;place-items:center;display:grid;transform:rotate(-4deg)}.thumbnail-card span{font:700 34px Georgia,serif}.project-card-copy{flex-direction:column;gap:5px;padding:17px 18px 19px;display:flex}.project-card-copy strong{font-size:16px}.project-card-copy span,.project-card-copy small{color:var(--ink-soft)}.project-card-copy span{font-size:12px}.project-card-copy small{margin-top:6px;font-size:11px}.project-delete{opacity:0;position:absolute;top:10px;right:10px}.project-card:hover .project-delete{opacity:1}.empty-project{width:100%;min-height:190px;color:var(--ink-soft);border:1px dashed var(--line-strong);cursor:pointer;background:#faf7ef;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex}.empty-project:hover{border-color:var(--accent);color:var(--ink)}.empty-project strong{font-size:16px}.empty-project-icon{color:#fff;background:var(--accent);border-radius:50%;place-items:center;width:42px;height:42px;margin-bottom:5px;display:grid}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#161713ad;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.variable-dialog-backdrop{z-index:80}.modal{background:var(--paper);border:1px solid #fff;border-radius:16px;width:min(520px,100%);padding:30px;box-shadow:0 25px 70px #0000004d}.modal-kicker,.panel-kicker{color:var(--accent-dark);text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:800}.modal h2{margin:7px 0 24px;font:500 30px Georgia,serif}.modal .field-label{margin-bottom:16px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:25px;display:flex}.new-project-dialog{width:min(570px,100%);max-height:calc(100vh - 36px);overflow-y:auto}.new-project-dialog h2{margin-bottom:8px}.modal-intro{color:var(--ink-soft);margin:0 0 23px;font-size:13px;line-height:1.5}.help-backdrop{z-index:90}.help-dialog{width:min(1060px,100%);height:min(750px,100vh - 36px);color:var(--ink);background:var(--paper);border:1px solid #fff;border-radius:17px;grid-template-rows:auto auto minmax(0,1fr);display:grid;overflow:hidden;box-shadow:0 25px 75px #00000057}.help-header{justify-content:space-between;align-items:flex-start;padding:25px 27px 17px;display:flex}.help-header h2{letter-spacing:-.03em;margin:6px 0 0;font:500 31px Georgia,serif}.help-search{color:#85877e;border:1px solid var(--line);background:#eeeadf;border-radius:9px;grid-template-columns:22px minmax(0,1fr) 28px;align-items:center;gap:7px;height:46px;margin:0 27px 18px;padding:0 10px 0 13px;display:grid}.help-search input{width:100%;color:var(--ink);background:0 0;border:0;padding:0;font-size:13px}.help-search button{width:27px;height:27px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;padding:0;display:grid}.help-layout{border-top:1px solid var(--line);grid-template-columns:345px minmax(0,1fr);min-height:0;display:grid}.help-sidebar{border-right:1px solid var(--line);background:#efebe2;flex-direction:column;gap:12px;min-height:0;padding:18px;display:flex;overflow:hidden}.tour-help-card{color:#f8f3e8;text-align:left;cursor:pointer;background:#262920;border:0;border-radius:11px;grid-template-columns:38px minmax(0,1fr) 18px;align-items:center;gap:9px;padding:12px;display:grid}.tour-help-card:hover{background:#34372d}.tour-help-icon{color:#ffb08e;background:#ffffff14;border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.tour-help-card>span:nth-child(2){flex-direction:column;gap:3px;min-width:0;display:flex}.tour-help-card strong{font-size:12px}.tour-help-card small{color:#c7c8bd;font-size:10px}.tour-help-card em{color:#f3a283;text-transform:uppercase;letter-spacing:.07em;grid-column:2/-1;font-size:10px;font-style:normal;font-weight:800}.help-topic-list{scrollbar-width:thin;flex:1;min-height:0;padding-right:4px;overflow-y:auto}.help-topic-group>span{color:#85877e;text-transform:uppercase;letter-spacing:.13em;margin:14px 8px 5px;font-size:9px;font-weight:850;display:block}.help-topic-group:first-child>span{margin-top:0}.help-topic-group button{width:100%;color:var(--ink-soft);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:8px;padding:9px 8px;display:grid}.help-topic-group button:hover{color:var(--ink);background:#f7f3eb}.help-topic-group button.active{color:var(--accent-dark);background:#fff8f2;border-color:#e5b19a}.help-topic-group button svg{margin-top:1px}.help-topic-group button span{flex-direction:column;gap:3px;min-width:0;display:flex}.help-topic-group button strong{font-size:11px}.help-topic-group button small{color:#83857b;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:9px;line-height:1.35;display:-webkit-box;overflow:hidden}.help-feedback{color:var(--ink-soft);border:1px solid var(--line);background:#f8f5ed;border-radius:8px;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:8px;padding:10px;text-decoration:none;display:grid}.help-feedback:hover{color:var(--accent-dark);border-color:#dfa187}.help-feedback span{flex-direction:column;gap:2px;display:flex}.help-feedback strong{font-size:11px}.help-feedback small{font-size:9px}.help-no-results{color:var(--ink-soft);flex-direction:column;gap:4px;padding:18px 9px;font-size:11px;display:flex}.help-article{min-width:0;padding:42px clamp(34px,5vw,70px) 55px;overflow-y:auto}.help-article h3{letter-spacing:-.04em;max-width:650px;margin:8px 0 13px;font:500 clamp(30px,3.5vw,44px)/1.08 Georgia,serif}.help-summary{max-width:680px;color:var(--ink-soft);margin:0 0 28px;font-size:14px;line-height:1.6}.help-article ol{counter-reset:guide-step;max-width:700px;margin:0;padding:0;list-style:none}.help-article li{color:#43463d;counter-increment:guide-step;min-height:38px;margin-bottom:14px;padding:7px 0 7px 45px;font-size:13px;line-height:1.55;position:relative}.help-article li:before{content:counter(guide-step);width:31px;height:31px;color:var(--accent-dark);background:var(--accent-soft);border-radius:50%;place-items:center;font-size:11px;font-weight:850;display:grid;position:absolute;top:3px;left:0}.help-tip{color:#315f57;background:var(--green-soft);border:1px solid #a6c8bd;border-radius:10px;max-width:700px;margin-top:25px;padding:15px 17px}.help-tip strong{text-transform:uppercase;letter-spacing:.08em;font-size:11px}.help-tip p{margin:5px 0 0;font-size:12px;line-height:1.5}.tour-complete-dialog{width:min(580px,100%);padding-right:96px;position:relative}.tour-complete-dialog h2{margin-bottom:13px}.tour-complete-dialog>p{color:var(--ink-soft);margin:0;font-size:13px;line-height:1.6}.tour-complete-icon{color:#315f57;background:var(--green-soft);border-radius:50%;place-items:center;width:51px;height:51px;display:grid;position:absolute;top:30px;right:29px}.tour-complete-actions{flex-wrap:wrap;gap:8px;margin-top:25px;display:flex}.custom-size-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.setup-options{margin-bottom:18px}.setup-option{border:1px solid var(--line);cursor:pointer;background:#f3efe6;border-radius:10px;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:9px;min-width:0;padding:13px;display:grid}.setup-option.selected{background:#fff8f3;border-color:#dfa187;box-shadow:inset 0 0 0 1px #f2c4b0}.setup-option.disabled{cursor:not-allowed;opacity:.55}.setup-option input{accent-color:var(--accent);margin:2px 0 0}.setup-option>span{flex-direction:column;gap:4px;min-width:0;display:flex}.setup-option strong{font-size:12px}.setup-option small{color:var(--ink-soft);font-size:11px;line-height:1.4}.starter-projects{border:0;min-width:0;margin:0;padding:0}.starter-projects legend{color:#676a5f;text-transform:uppercase;letter-spacing:.07em;margin-bottom:7px;font-size:11px;font-weight:800}.starter-project-list{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;display:grid}.delete-dialog{width:min(560px,100%)}.delete-dialog h2{margin-bottom:15px}.delete-dialog-copy{color:var(--ink-soft);margin:0;font-size:13px;line-height:1.55}.delete-impact{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:18px 0;display:grid}.delete-impact>div{border:1px solid var(--line);background:#eee9df;border-radius:9px;flex-direction:column;gap:3px;min-width:0;padding:12px;display:flex}.delete-impact strong{color:#9a372a;font:500 24px Georgia,serif}.delete-impact span{color:var(--ink-soft);font-size:11px;line-height:1.35}.delete-replacement-field{margin-top:2px}.delete-replacement-field small{color:var(--ink-soft);margin-top:7px;font-size:11px;font-weight:500;line-height:1.45;display:block}.delete-dialog-note{color:var(--ink-soft);background:#eee9df;border-radius:8px;margin:17px 0 0;padding:11px 12px;font-size:12px;line-height:1.45}.recovery-backdrop{z-index:70}.recovery-dialog{width:min(620px,100%);position:relative;overflow:hidden}.recovery-dialog-icon{width:48px;height:48px;color:var(--accent-dark);background:var(--accent-soft);border-radius:50%;place-items:center;display:grid;position:absolute;top:25px;right:28px}.recovery-dialog h2{margin-bottom:14px;padding-right:58px}.recovery-dialog-copy{max-width:510px;color:var(--ink-soft);margin:0;font-size:13px;line-height:1.6}.recovery-dialog-copy strong{color:var(--ink)}.recovery-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:20px;display:grid}.recovery-comparison>div{border:1px solid var(--line);background:#ede9df;border-radius:10px;flex-direction:column;gap:5px;min-width:0;padding:14px;display:flex}.recovery-comparison>div.recommended{background:#e5f0eb;border-color:#9fc6b8}.recovery-comparison>div.damaged{background:#f7dfda;border-color:#dea195}.recovery-comparison span{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.07em;font-size:11px;font-weight:800}.recovery-comparison strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.recovery-comparison small{color:var(--ink-soft);font-size:11px;line-height:1.4}.recovery-warning,.storage-damage-warning{color:#8d382c;background:#f7dfda;border-radius:8px;align-items:flex-start;gap:8px;margin:13px 0 0;padding:11px 12px;font-size:12px;line-height:1.45;display:flex}.recovery-warning svg,.storage-damage-warning svg{flex:none;margin-top:1px}.recovery-actions{justify-content:space-between;align-items:center}.recovery-actions>div{align-items:center;gap:3px;display:flex}.storage-dialog{width:min(820px,100%);max-height:calc(100vh - 36px);padding:0;overflow:auto}.storage-dialog-heading{z-index:2;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f8f5edf5;justify-content:space-between;align-items:flex-start;gap:18px;padding:25px 28px 18px;display:flex;position:sticky;top:0}.storage-dialog-heading h2{margin:6px 0 0}.storage-summary{color:#315f57;background:var(--green-soft);border:1px solid #a9c9bf;border-radius:11px;grid-template-columns:28px minmax(0,1fr);gap:11px;margin:22px 28px 10px;padding:15px 15px 21px;display:grid;position:relative}.storage-summary.warning{color:#72591f;background:#f5e9c6;border-color:#dfc978}.storage-summary.critical{color:#8d3327;background:#f8dfd9;border-color:#dfa092}.storage-summary>div:not(.storage-meter){flex-direction:column;gap:3px;display:flex}.storage-summary strong{font-size:13px}.storage-summary span{font-size:11px;line-height:1.45}.storage-meter{background:#fff9;border-radius:99px;height:4px;position:absolute;bottom:9px;left:15px;right:15px;overflow:hidden}.storage-meter i{border-radius:inherit;background:currentColor;height:100%;display:block}.persistence-card{border:1px solid var(--line);background:#efebe2;border-radius:10px;grid-template-columns:27px minmax(0,1fr) auto;align-items:center;gap:11px;margin:0 28px;padding:13px 15px;display:grid}.persistence-card>div{flex-direction:column;gap:3px;display:flex}.persistence-card strong{font-size:12px}.persistence-card span{color:var(--ink-soft);font-size:11px;line-height:1.4}.persistence-notice{color:#72591f;background:#f5e9c6;border-radius:8px;align-items:flex-start;gap:8px;margin:10px 28px 0;padding:10px 12px;font-size:11px;line-height:1.5;display:flex}.persistence-notice.success{color:#315f57;background:var(--green-soft)}.persistence-notice svg{flex:none;margin-top:1px}.storage-damage-warning{margin:10px 28px 0}.damaged-list-heading{color:#8d382c;margin-top:20px}.damaged-project-list{border-color:#dda49a}.damaged-project-row{background:#fff8f5}.damaged-project-row small{color:#8d382c;max-width:500px}.recovery-list-heading{justify-content:space-between;align-items:center;gap:14px;margin:23px 28px 9px;display:flex}.recovery-list-heading>div{align-items:center;gap:7px;display:flex}.recovery-list-heading strong{font-size:13px}.recovery-list-heading span{min-width:23px;height:23px;color:var(--ink-soft);background:#e5e1d7;border-radius:99px;place-items:center;font-size:11px;font-weight:800;display:grid}.recovery-list{border:1px solid var(--line);border-radius:10px;margin:0 28px;overflow:hidden}.recovery-row{border-bottom:1px solid var(--line);background:#fffdf8;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:72px;padding:10px 11px 10px 14px;display:grid}.recovery-row:last-child{border-bottom:0}.recovery-row>div{flex-direction:column;gap:3px;min-width:0;display:flex}.recovery-row strong,.recovery-row span,.recovery-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.recovery-row strong{font-size:12px}.recovery-row span{color:var(--ink-soft);font-size:11px}.recovery-row small{color:#898b82;font-size:11px}.recovery-row-actions{align-items:center;gap:5px;display:flex}.recovery-empty{min-height:135px;color:var(--ink-soft);text-align:center;background:#f5f1e8;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex}.recovery-empty strong{color:var(--ink);font-size:12px}.recovery-empty span{font-size:11px}.storage-export-note{color:var(--ink-soft);margin:15px 28px 26px;font-size:11px;line-height:1.5}.nested-dialog-backdrop{z-index:80}.snapshot-action-dialog h2{margin-bottom:14px}.data-import-dialog{grid-template-rows:auto minmax(0,1fr) auto;width:min(1100px,100%);height:min(860px,100vh - 36px);padding:0;display:grid;overflow:hidden}.data-import-heading{border-bottom:1px solid var(--line);background:#fbf8f1;justify-content:space-between;align-items:flex-end;gap:28px;padding:25px 28px 20px;display:flex}.data-import-heading h2{margin:6px 0 7px}.data-import-heading p{color:var(--ink-soft);align-items:center;gap:6px;margin:0;font-size:11px;display:flex}.import-mode{flex:none;grid-template-columns:repeat(2,150px);gap:6px;display:grid}.import-mode button{color:var(--ink-soft);border:1px solid var(--line);text-align:left;cursor:pointer;background:#f3efe6;border-radius:9px;flex-direction:column;align-items:flex-start;gap:3px;padding:10px 12px;display:flex}.import-mode button.active{color:var(--ink);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:#fffaf2}.import-mode strong{font-size:12px}.import-mode span{font-size:11px}.data-import-scroll{min-height:0;padding:22px 28px 28px;overflow:auto}.import-section{margin-bottom:24px}.import-section-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:10px;display:flex}.import-section-heading>div{align-items:center;gap:8px;display:flex}.import-section-heading>div>span{color:#fff;background:var(--ink);border-radius:50%;place-items:center;width:23px;height:23px;font-size:11px;font-weight:800;display:grid}.import-section-heading h3{margin:0;font-size:14px}.import-section-heading p{color:var(--ink-soft);margin:0;font-size:11px}.import-mapping-list{border:1px solid var(--line);border-radius:10px;overflow:hidden}.import-mapping-row{border-bottom:1px solid var(--line);background:#fffdf8;grid-template-columns:minmax(145px,.7fr) 18px minmax(220px,1fr) minmax(250px,1.15fr);align-items:end;gap:10px;min-height:66px;padding:9px 11px;display:grid}.import-mapping-row:last-child{border-bottom:0}.import-mapping-row.has-error{background:#fff5f2}.import-source-column{flex-direction:column;align-self:center;gap:3px;min-width:0;display:flex}.import-source-column strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.import-source-column span{color:var(--ink-soft);text-transform:capitalize;font-size:11px}.import-arrow{color:#929489;align-self:center;font-weight:800}.import-mapping-row label{min-width:0;color:var(--ink-soft);flex-direction:column;gap:4px;font-size:11px;font-weight:750;display:flex}.import-mapping-row input,.import-mapping-row select{min-width:0;height:32px;color:var(--ink);border:1px solid var(--line-strong);background:#fff;border-radius:6px;padding:5px 7px;font-size:11px}.import-new-variable{grid-template-columns:minmax(130px,1fr) 105px;gap:6px;min-width:0;display:grid}.import-issues{flex-direction:column;gap:5px;margin-top:8px;display:flex}.import-issues p,.import-commit-error{border-radius:7px;align-items:flex-start;gap:7px;margin:0;padding:8px 10px;font-size:11px;line-height:1.4;display:flex}.import-issues .error,.import-commit-error{color:#8e3428;background:#fae5df}.import-issues .warning{color:#735a2a;background:#f5e9c8}.import-issues svg,.import-commit-error svg{flex:none;margin-top:1px}.import-preview-scroll{border:1px solid var(--line);border-radius:10px;max-width:100%;overflow:auto}.import-preview-table{border-collapse:collapse;table-layout:fixed;min-width:100%;font-size:11px}.import-preview-table th,.import-preview-table td{border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left;text-overflow:ellipsis;white-space:nowrap;min-width:145px;max-width:240px;padding:7px 9px;overflow:hidden}.import-preview-table th{color:var(--ink);background:#eae6dd;font-size:11px}.import-preview-table th small{color:var(--green);margin-top:3px;font-size:11px;display:block}.import-preview-table tbody tr:last-child td{border-bottom:0}.import-preview-note{color:var(--ink-soft);margin:7px 0 0;font-size:11px}.image-import-toolbar{border:1px solid var(--line);background:#eee9df;border-radius:10px;align-items:center;gap:12px;padding:10px;display:flex}.image-import-toolbar .button{min-height:34px;font-size:11px}.image-import-toolbar>div{flex-direction:column;gap:2px;min-width:0;margin-right:auto;display:flex}.image-import-toolbar strong{font-size:11px}.image-import-toolbar span{color:var(--ink-soft);font-size:11px}.text-button{color:var(--green);cursor:pointer;background:0 0;border:0;padding:4px;font-size:11px;font-weight:800}.text-button:hover{text-decoration:underline}.image-match-list{border:1px solid var(--line);border-radius:10px;margin-top:8px;overflow:hidden}.image-match-row{border-bottom:1px solid var(--line);background:#fffdf8;grid-template-columns:minmax(180px,.8fr) 76px minmax(230px,1fr) 38px;align-items:center;gap:9px;min-height:51px;padding:6px 9px;display:grid}.image-match-row:last-child{border-bottom:0}.image-match-row.unresolved{background:#fff8ed}.image-reference-name{align-items:center;gap:8px;min-width:0;display:flex}.image-reference-name>span{flex-direction:column;gap:2px;min-width:0;display:flex}.image-reference-name strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.image-reference-name small{color:var(--ink-soft);font-size:11px}.match-status{text-transform:uppercase;letter-spacing:.04em;border-radius:5px;justify-self:start;padding:3px 6px;font-size:11px;font-weight:800}.match-status.matched{color:#315f57;background:var(--green-soft)}.match-status.problem{color:#8b422f;background:#f3d8c6}.match-status.skipped{color:#696b63;background:#e4e1d9}.image-match-row select{border:1px solid var(--line);background:#fff;border-radius:6px;min-width:0;height:32px;padding:5px 7px;font-size:11px}.image-match-preview,.image-match-preview img{width:34px;height:34px}.image-match-preview img{object-fit:cover;border-radius:5px}.all-images-matched{color:#315f57;background:var(--green-soft);border-radius:8px;align-items:center;gap:7px;margin-top:8px;padding:11px;font-size:11px;display:flex}.import-impact{grid-template-columns:repeat(3,120px) minmax(260px,1fr);gap:8px;display:grid}.import-impact>div{background:#eee9df;border-radius:8px;flex-direction:column;gap:2px;padding:10px;display:flex}.import-impact strong{font:500 22px Georgia,serif}.import-impact span{color:var(--ink-soft);font-size:11px}.import-impact p{color:var(--ink-soft);align-self:center;margin:0;font-size:11px;line-height:1.45}.data-import-actions{border-top:1px solid var(--line);background:#fbf8f1;align-items:center;margin:0;padding:14px 28px}.data-import-actions>span{color:var(--ink-soft);margin-right:auto;font-size:11px;font-weight:750}.import-error-dialog p{color:var(--ink-soft);margin:-9px 0 0;font-size:13px;line-height:1.55}.image-cell-dialog{width:min(760px,100%);max-height:calc(100vh - 36px);overflow:auto}.image-cell-dialog-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.image-cell-dialog-heading h2{margin-bottom:12px}.image-cell-dialog>p{color:var(--ink-soft);margin:0;font-size:12px;line-height:1.5}.image-cell-assets{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-height:350px;margin-top:18px;padding:2px;display:grid;overflow:auto}.image-cell-assets>button{min-width:0;min-height:124px;color:var(--ink-soft);border:1px solid var(--line);cursor:pointer;background:#fffdf8;border-radius:9px;grid-template-rows:88px auto;gap:7px;padding:8px;display:grid;position:relative}.image-cell-assets>button:hover:not(:disabled){color:var(--ink);border-color:var(--line-strong);background:#fff}.image-cell-assets>button.selected{color:#315f57;border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green);background:#e7f0ec}.image-cell-assets img,.image-cell-assets>button>span{object-fit:contain;background:#ebe7dd;border-radius:6px;width:100%;height:88px}.image-cell-assets>button>span{place-items:center;display:grid}.image-cell-assets strong{text-overflow:ellipsis;white-space:nowrap;align-self:center;font-size:10px;overflow:hidden}.image-cell-assets>button>svg{color:#fff;background:var(--green);border-radius:50%;padding:2px;position:absolute;top:13px;right:13px}.image-cell-empty{text-align:center;background:#eee9df;border-radius:8px;padding:12px;margin-top:12px!important}.image-cell-error{background:#f8dfd9;border-radius:8px;padding:10px 12px;color:#8d3327!important;margin-top:12px!important}.image-cell-upload{border:1px solid var(--line);background:#efebe2;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:18px;padding:14px;display:grid}.image-cell-upload>div{flex-direction:column;gap:3px;display:flex}.image-cell-upload strong{font-size:12px}.image-cell-upload span{color:var(--ink-soft);font-size:11px;line-height:1.4}.import-project-error{width:min(640px,100%);position:relative}.import-project-error-icon{color:#963c2f;background:#f4d9d3;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:25px;right:28px}.import-project-error h2{margin-bottom:13px;padding-right:45px}.import-project-error>p{color:var(--ink-soft);margin:0;font-size:13px;line-height:1.55}.import-project-error-details{color:#76382e;background:#f6e2dd;border:1px solid #deb0a6;border-radius:9px;margin-top:16px;padding:13px 15px}.import-project-error-details strong{font-size:12px}.import-project-error-details ul{margin:8px 0 0;padding-left:18px;font:11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.import-project-error-details small{margin-top:7px;font-size:11px;display:block}.import-project-error .import-project-error-note{color:#5d5f55;background:#ece8de;border-radius:8px;margin-top:15px;padding:10px 12px;font-size:11px}.compatibility-dialog{width:min(680px,100%)}.compatibility-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.compatibility-heading h2{margin-bottom:12px}.compatibility-dialog>p{color:var(--ink-soft);margin:0;font-size:13px;line-height:1.55}.compatibility-list{flex-direction:column;gap:7px;margin-top:17px;display:flex}.compatibility-list article{border:1px solid var(--line);background:#efebe2;border-radius:9px;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;padding:11px 12px;display:grid}.compatibility-list article.supported{color:#315f57;background:#e4efe9;border-color:#b1cfc4}.compatibility-list article.limited{color:#72591f;background:#f5e9c6;border-color:#dfc978}.compatibility-list article.missing{color:#8d3327;background:#f8dfd9;border-color:#dfa092}.compatibility-list article>div{flex-direction:column;gap:3px;min-width:0;display:flex}.compatibility-list article strong{color:var(--ink);font-size:12px}.compatibility-list article span{font-size:11px;line-height:1.4}.compatibility-list article small{text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:850}.compatibility-screen{min-height:100vh;color:var(--ink);background:var(--paper);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:32px 20px;display:flex}.compatibility-screen-icon{color:#923f32;background:#f4d9d3;border-radius:50%;place-items:center;width:64px;height:64px;margin-bottom:18px;display:grid}.compatibility-screen h1{letter-spacing:-.04em;max-width:620px;margin:8px 0 12px;font:500 clamp(34px,5vw,52px)/1.05 Georgia,serif}.compatibility-screen>p{max-width:610px;color:var(--ink-soft);margin:0;font-size:14px;line-height:1.6}.compatibility-screen .compatibility-list{text-align:left;width:min(600px,100%);margin:22px 0}.compatibility-screen .compatibility-list article{grid-template-columns:24px minmax(0,1fr)}.compatibility-retry{margin-top:22px}.font-manager-modal{flex-direction:column;width:min(920px,100%);max-height:calc(100vh - 36px);display:flex;overflow:auto}.font-manager-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.font-manager-heading h2{margin-bottom:18px}.font-dropzone{min-height:88px;color:var(--ink-soft);border:1px dashed var(--line-strong);background:#f5f1e8;border-radius:11px;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:12px;padding:15px 17px;display:grid}.font-dropzone.active{color:var(--accent-dark);border-color:var(--accent);background:#f8e9e1}.font-dropzone div{flex-direction:column;gap:3px;min-width:0;display:flex}.font-dropzone strong{color:var(--ink);font-size:13px}.font-dropzone span{font-size:11px;line-height:1.35}.font-section-heading{justify-content:space-between;align-items:baseline;gap:12px;margin:20px 0 8px;display:flex}.font-section-heading strong{text-transform:uppercase;letter-spacing:.08em;font-size:12px}.font-section-heading span{color:var(--ink-soft);font-size:10px}.pending-fonts,.font-library-list{flex-direction:column;gap:8px;display:flex}.pending-font-row{border:1px solid var(--line);background:#f8f5ed;border-radius:9px;grid-template-columns:minmax(145px,1.2fr) minmax(150px,1.4fr) minmax(120px,1fr) minmax(90px,.75fr) 28px;align-items:end;gap:8px;padding:10px;display:grid}.pending-font-row.invalid{background:#fff6f3;border-color:#d89183}.pending-font-row>p{color:#a13c2d;grid-column:2/-1;margin:-1px 0 0;font-size:10px}.pending-font-name{flex-direction:column;align-self:center;gap:3px;min-width:0;display:flex}.pending-font-name strong,.pending-font-name small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pending-font-name strong{font-size:11px}.pending-font-name small{color:var(--ink-soft);font-size:10px}.font-family-card{border:1px solid var(--line);background:#f8f5ed;border-radius:10px;padding:12px}.font-family-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.font-family-title>div{flex-direction:column;gap:3px;display:flex}.font-family-title strong{font-size:13px}.font-family-title span{color:var(--ink-soft);font-size:10px}.font-face-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:10px;display:grid}.font-face{border:1px solid var(--line);background:#fffdf7;border-radius:7px;grid-template-columns:34px minmax(0,1fr) 25px;align-items:center;gap:8px;min-width:0;padding:7px;display:grid}.font-face>span{width:34px;height:34px;color:var(--ink);background:#ebe6db;border-radius:5px;place-items:center;font-size:17px;display:grid}.font-face>div{flex-direction:column;gap:2px;min-width:0;display:flex}.font-face strong,.font-face small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.font-face strong{font-size:10px}.font-face small{color:var(--ink-soft);font-size:10px}.font-delete{color:#85877e;cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;width:27px;height:27px;padding:0;display:grid}.font-delete:hover:not(:disabled){color:#a13c2d;background:#f4d9d3}.font-delete:disabled{cursor:not-allowed;opacity:.32}.font-empty{color:var(--ink-soft);text-align:center;background:#f5f1e8;border-radius:9px;margin:18px 0 0;padding:18px;font-size:11px}.font-manager-message{min-height:16px;color:var(--ink-soft);margin:14px 0 -8px;font-size:10px;line-height:1.4}.font-manager-message.visible{color:var(--accent-dark);font-weight:700}.toast{z-index:100;color:#fff;max-width:380px;box-shadow:var(--shadow);background:#252720;border-radius:10px;padding:13px 17px;font-size:13px;font-weight:700;animation:.18s ease-out toast-in;position:fixed;bottom:22px;right:22px}.toast.error{background:#9c382a}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.editor-app{background:var(--canvas);grid-template-rows:76px minmax(0,1fr);min-width:1100px;height:100vh;display:grid;overflow:hidden}.editor-header{border-bottom:1px solid var(--line);z-index:10;background:#faf7ef;grid-template-columns:minmax(0,1fr) 432px minmax(0,1fr);align-items:center;gap:14px;padding:0 14px;display:grid}.editor-header-left{align-items:center;gap:10px;min-width:0;display:flex}.editor-brand{flex:none;align-items:center;gap:8px;display:flex}.editor-brand strong{font-size:15px}.editor-brand .beta-badge{margin-left:-3px}.back-button{margin-right:2px}.project-title-control{flex-direction:column;flex:auto;align-items:flex-start;min-width:0;display:flex}.project-title-control input{background:0 0;border:1px solid #0000;border-radius:5px;width:min(320px,100%);padding:2px 4px;font-size:13px;font-weight:750}.project-title-control input:hover{border-color:var(--line)}.project-title-control span{color:#85877d;text-transform:uppercase;letter-spacing:.09em;padding-left:5px;font-size:10px}.project-title-control span.save-failed{color:#a13c2d;font-weight:800}.storage-status-button,.compatibility-status-button{position:relative}.storage-status-button.attention:after,.compatibility-status-button.attention:after{content:"";background:var(--accent);border:2px solid #faf7ef;border-radius:50%;width:9px;height:9px;position:absolute;top:-2px;right:-2px}.workspace-tabs{grid-template-columns:repeat(3,minmax(0,1fr));align-self:stretch;align-items:stretch;gap:6px;width:432px;padding:8px 0;display:grid}.workspace-tabs button{color:#696c61;cursor:pointer;background:#f5f1e8;border:1px solid #0000;border-radius:10px;justify-content:flex-start;align-items:center;gap:8px;width:100%;min-width:0;padding:0 11px;display:flex}.workspace-tabs .tab-step{color:#6f7168;background:#e6e1d7;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:11px;font-weight:850;display:grid}.workspace-tabs .tab-copy{flex-direction:column;align-items:flex-start;gap:3px;min-width:0;line-height:1.05;display:flex}.workspace-tabs button strong{color:inherit;font-size:14px}.workspace-tabs button small{color:#7c7e74;white-space:nowrap;font-size:11px}.workspace-tabs button:hover{color:var(--ink);border-color:var(--line);background:#eee9df}.workspace-tabs button.active{color:var(--accent-dark);background:#fff7f1;border-color:#dfa187;box-shadow:0 4px 12px #60392517}.workspace-tabs button.active .tab-step{color:#fff8ef;background:var(--accent)}.workspace-tabs button.active small{color:#8c5b47}.header-actions{justify-self:end;align-items:center;gap:6px;display:flex}.header-divider{background:var(--line);width:1px;height:25px;margin:0 5px}.editor-main{min-height:0;overflow:hidden}.workspace-loading{height:100%;color:var(--ink-soft);background:var(--canvas);place-items:center;font-size:12px;font-weight:750;display:grid}.app-loading{min-height:100vh;color:var(--ink);background:var(--paper);flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex}.workspace-crash,.application-crash{color:var(--ink);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.workspace-crash{background:var(--canvas);width:100%;height:100%;min-height:420px;padding:38px}.application-crash{background:var(--paper);min-height:100vh;padding:40px 20px}.crash-icon{color:#923f32;background:#f4d9d3;border-radius:50%;place-items:center;width:60px;height:60px;margin-bottom:18px;display:grid}.workspace-crash h1,.application-crash h1{letter-spacing:-.035em;max-width:650px;margin:8px 0 12px;font:500 clamp(30px,4vw,46px)/1.08 Georgia,serif}.workspace-crash>p,.application-crash>p{max-width:650px;color:var(--ink-soft);margin:0;font-size:13px;line-height:1.6}.crash-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px;display:flex}.crash-export-error{background:#f8dfd9;border-radius:8px;padding:9px 12px;color:#8d3327!important;margin-top:15px!important}.crash-details{width:min(680px,100%);color:var(--ink-soft);text-align:left;margin-top:20px}.crash-details summary{cursor:pointer;font-size:11px;font-weight:750}.crash-details pre{white-space:pre-wrap;background:#e7e2d8;border-radius:8px;max-height:190px;padding:12px;font:10px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.side-panel{background:var(--panel);border-color:var(--line);min-width:0;overflow:auto}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;min-height:66px;padding:15px 16px 12px;display:flex}.panel-heading h2{letter-spacing:-.01em;margin:3px 0 0;font-size:15px}.count-pill{min-width:26px;color:var(--ink-soft);text-align:center;background:#e5e1d7;border-radius:99px;padding:3px 7px;font-size:10px;font-weight:800}.panel-empty{color:var(--ink-soft);padding:22px 16px;font-size:12px;line-height:1.5}.field-label{color:#676a5f;text-transform:uppercase;letter-spacing:.07em;flex-direction:column;gap:6px;font-size:10px;font-weight:800;display:flex}.field-label input,.field-label select,.property-field input,.property-field select,.property-field textarea{width:100%;min-height:34px;color:var(--ink);border:1px solid var(--line);text-transform:none;letter-spacing:0;background:#fdfbf5;border-radius:7px;padding:7px 9px;font-size:12px;font-weight:500}.property-field textarea{resize:vertical;line-height:1.4}.field-label input:hover,.field-label select:hover,.property-field input:hover,.property-field select:hover,.property-field textarea:hover{border-color:var(--line-strong)}.check-row{color:var(--ink-soft);align-items:center;gap:9px;font-size:12px;line-height:1.35;display:flex}.check-row input{accent-color:var(--accent)}.check-row.compact{gap:6px;font-size:10px}.check-row.compact input{margin:0}.property-section{flex-direction:column;gap:13px;padding:15px 14px 28px;display:flex}.property-grid{gap:10px;display:grid}.property-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.property-grid-span{grid-column:1/-1}.guide-setting{flex-direction:column;gap:7px;min-width:0;display:flex}.section-rule{color:#8d8e85;text-transform:uppercase;letter-spacing:.13em;align-items:center;gap:8px;margin-top:5px;font-size:10px;font-weight:800;display:flex}.section-rule:after{content:"";background:var(--line);flex:1;height:1px}.property-label-row{color:#676a5f;justify-content:space-between;align-items:center;min-height:18px;display:flex}.property-label-row label{text-transform:uppercase;letter-spacing:.07em;font-size:10px;font-weight:800}.property-field.bound .property-label-row{color:var(--accent-dark)}.binding-toggle{color:#77796e;border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;gap:4px;min-width:52px;height:24px;padding:0 6px;font-size:10px;font-weight:750;display:inline-flex}.binding-toggle:hover{color:var(--ink);background:#fff}.binding-toggle.active{color:var(--accent-dark);background:#f9e9e0;border-color:#e2a88f}.variable-select{color:var(--accent-dark)!important;background:#fff8f3!important;border-color:#e2a88f!important}.property-note{color:var(--ink-soft);margin:-3px 0 2px;font-size:10px;line-height:1.45}.font-discovery{color:var(--ink-soft);flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:4px;margin-top:-1px;font-size:10px;display:flex}.font-discovery button{color:var(--accent-dark);font:inherit;cursor:pointer;text-underline-offset:2px;background:0 0;border:0;padding:0;font-weight:800;text-decoration:underline}.font-discovery button:hover{color:var(--accent)}.font-discovery small{color:#8a8c83;flex-basis:100%;font-size:10px;line-height:1.35}.color-control{grid-template-columns:35px minmax(0,1fr);gap:5px;display:grid}.color-control input[type=color]{min-height:34px;padding:3px}.upload-button{cursor:pointer;width:100%}.image-fill-controls{flex-direction:column;gap:13px;display:flex}.gradient-editor{border:1px solid var(--line);background:#eee9df;border-radius:9px;flex-direction:column;gap:11px;padding:11px;display:flex}.gradient-stop-heading{color:#77796f;text-transform:uppercase;letter-spacing:.07em;justify-content:space-between;align-items:center;font-size:10px;font-weight:800;display:flex}.gradient-stop-heading button{height:26px;color:var(--ink-soft);border:1px solid var(--line);cursor:pointer;text-transform:none;letter-spacing:0;background:#faf7ef;border-radius:6px;align-items:center;gap:4px;padding:0 7px;font-size:10px;font-weight:750;display:inline-flex}.gradient-stop-heading button:hover:not(:disabled){color:var(--accent-dark);border-color:#dfa187}.gradient-stop-row{border:1px solid var(--line);background:#f9f6ee;border-radius:7px;grid-template-columns:19px minmax(0,1fr) 25px;align-items:start;gap:6px;padding:8px 6px;display:grid}.gradient-stop-index{color:#77796f;background:#e7e1d6;border-radius:50%;place-items:center;width:19px;height:19px;margin-top:19px;font-size:10px;font-weight:800;display:grid}.gradient-stop-fields{gap:8px;min-width:0;display:grid}.gradient-stop-remove{color:#898b82;cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;width:25px;height:25px;margin-top:16px;padding:0;display:grid}.gradient-stop-remove:hover:not(:disabled){color:#a13c2d;background:#f4d9d3}.gradient-stop-remove:disabled,.gradient-stop-heading button:disabled{cursor:not-allowed;opacity:.4}.inspector-hint{color:var(--ink-soft);background:#e9e5dc;border-radius:8px;flex-direction:column;gap:3px;margin:0 14px 20px;padding:13px;font-size:11px;line-height:1.45;display:flex}.design-workspace{grid-template-columns:238px minmax(500px,1fr) clamp(340px,21vw,400px);height:100%;display:grid}.layers-panel{border-right:1px solid var(--line)}.properties-panel{border-left:1px solid var(--line)}.layer-list{padding:7px}.layer-row{border:1px solid #0000;border-radius:7px;grid-template-columns:15px minmax(0,1fr) 27px 27px;align-items:center;min-height:38px;margin-bottom:3px;display:grid;position:relative}.layer-row:hover{background:#ebe7de}.layer-row.selected{background:#fffaf3;border-color:#e5a98f;box-shadow:0 2px 7px #50372814}.layer-row:has(.layer-actions){margin-bottom:35px}.layer-row.dragging{opacity:.45}.layer-row.drop-before:before,.layer-row.drop-after:after{content:"";z-index:4;background:var(--accent);pointer-events:none;border-radius:99px;height:2px;position:absolute;left:4px;right:4px}.layer-row.drop-before:before{top:-3px}.layer-row.drop-after:after{bottom:-3px}.layer-grip{color:#9a9c92;cursor:grab}.layer-main{color:#4f5148;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:8px;min-width:0;padding:9px;display:flex}.layer-main span{text-overflow:ellipsis;white-space:nowrap;flex-direction:column;min-width:0;font-size:11px;font-weight:650;display:flex;overflow:hidden}.layer-main small{color:#97988f;text-overflow:ellipsis;text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:700;overflow:hidden}.layer-toggle{color:#81837a;cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;width:24px;height:24px;padding:0;display:grid}.layer-toggle:hover{color:var(--ink);background:#dedad1}.layer-actions{justify-content:flex-end;gap:3px;padding:3px 4px 5px;display:flex;position:absolute;top:39px;left:0;right:0}.layer-actions button{cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;width:25px;height:25px;padding:0;display:grid}.layer-actions button:hover:not(:disabled){background:#e1ddd4}.canvas-workspace{background:#d7d3ca;grid-template-rows:44px minmax(0,1fr) 31px;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.canvas-topbar{color:#66695f;background:#e6e2d9;border-bottom:1px solid #c7c2b8;justify-content:space-between;align-items:center;padding:0 13px 0 82px;display:flex}.canvas-topbar label{text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:8px;font-size:10px;font-weight:800;display:flex}.canvas-topbar select{border:1px solid var(--line-strong);background:#f6f3ec;border-radius:6px;min-width:140px;padding:5px 8px;font-size:11px}.canvas-controls{align-items:center;gap:5px;font-size:10px;display:flex}.context-help-button{white-space:nowrap}.context-help-icon{background:0 0;border-color:#c6c1b7;border-radius:50%;width:28px;height:28px}.chip-button{color:#62645b;cursor:pointer;background:0 0;border:1px solid #c6c1b7;border-radius:99px;align-items:center;gap:5px;height:28px;padding:0 9px;font-size:10px;display:inline-flex}.chip-button.active{color:var(--accent-dark);background:#f5ded4;border-color:#e4a88f}.chip-button.paused{color:#755f2d;background:#efe3ba;border-color:#cfb96d}.rotate-snap-control{border:1px solid #c6c1b7;border-radius:99px;height:28px;padding-left:7px;gap:4px!important;display:flex!important}.rotate-snap-control select{height:24px;background:0 0!important;border:0!important;min-width:58px!important;padding:2px 5px!important}.tool-rail{z-index:5;scrollbar-width:thin;border:1px solid var(--line-strong);background:#f8f5ed;border-radius:10px;width:61px;max-height:calc(100% - 94px);padding:6px;position:absolute;top:52px;left:10px;overflow:hidden auto;box-shadow:0 8px 24px #312e2829}.tool-button{color:#5d6056;cursor:pointer;background:0 0;border:0;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:49px;min-height:49px;padding:4px 2px;display:flex}.tool-button span{font-size:10px;font-weight:800}.tool-button:hover,.tool-button.active{color:var(--accent-dark);background:#f4dfd5}.tool-divider{background:var(--line);height:1px;margin:4px}.canvas-scroll{background-image:radial-gradient(#bdb9b0 1px,#0000 1px);background-size:18px 18px;place-items:center;min-width:0;min-height:0;padding:42px 40px;display:grid;overflow:auto}.canvas-scroll.pan-ready{cursor:grab}.canvas-scroll.panning{cursor:grabbing;-webkit-user-select:none;user-select:none}.canvas-shadow{background:#fff;line-height:0;box-shadow:0 20px 55px #3631283d,0 2px 8px #3631282e}.selection-toolbar{z-index:6;border:1px solid var(--line-strong);background:#faf7ef;border-radius:9px;align-items:center;gap:3px;padding:5px 7px;display:flex;position:absolute;top:51px;left:50%;transform:translate(-50%);box-shadow:0 7px 20px #312e2824}.selection-toolbar strong{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;padding:0 5px;font-size:10px}.selection-toolbar button{cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;width:27px;height:27px;padding:0;display:grid}.selection-toolbar button:hover:not(:disabled){color:var(--accent-dark);background:var(--accent-soft)}.toolbar-divider{background:var(--line);width:1px;height:20px;margin:0 3px}.card-stage{display:block!important}.canvas-status{color:#73766c;background:#e3dfd6;border-top:1px solid #c7c2b8;justify-content:center;align-items:center;gap:18px;font-size:10px;display:flex}.canvas-status span{align-items:center;gap:5px;display:flex}.snap-paused-status{color:#755f2d;font-weight:750}.guide-dot{border-radius:50%;width:7px;height:7px}.guide-dot.bleed{background:#e56a3a}.guide-dot.safe{background:#3c8e84}.workspace-intro{border-bottom:1px solid var(--line);background:#f8f5ed;justify-content:space-between;align-items:flex-end;gap:20px;min-height:104px;padding:22px 27px 19px;display:flex}.workspace-intro h1{letter-spacing:-.03em;margin:3px 0;font:500 28px Georgia,serif}.workspace-intro p{color:var(--ink-soft);margin:0;font-size:12px}.intro-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;padding-bottom:2px;display:flex}.render-intro-actions{align-items:center;gap:10px;display:flex}.popover-anchor{position:relative}.mini-popover{z-index:20;border:1px solid var(--line);width:150px;box-shadow:var(--shadow);background:#fffdf7;border-radius:9px;padding:5px;position:absolute;top:calc(100% + 6px);right:0}.mini-popover button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;width:100%;padding:8px 9px;font-size:11px}.mini-popover button:hover{background:#f3eee4}.data-workspace{background:#e5e1d8;grid-template-rows:auto minmax(0,1fr);height:100%;display:grid}.data-body{grid-template-columns:minmax(0,1fr) 300px;min-height:0;display:grid}.spreadsheet-shell{grid-template-rows:62px 43px minmax(0,1fr);min-width:0;min-height:0;padding:12px 0 0 18px;display:grid;position:relative}.spreadsheet-actions{min-width:0;color:var(--ink-soft);justify-content:space-between;align-items:center;gap:12px;padding:0 10px 8px 2px;font-size:11px;display:flex}.spreadsheet-selection-status{flex-direction:column;flex:none;gap:3px;display:flex}.spreadsheet-selection-status strong{color:var(--ink);font-size:12px}.spreadsheet-selection-status span{white-space:nowrap;font-size:11px}.spreadsheet-tools{justify-content:flex-end;align-items:center;gap:5px;min-width:0;display:flex}.spreadsheet-tools button{min-height:30px;color:var(--ink-soft);border:1px solid var(--line);white-space:nowrap;cursor:pointer;background:#f8f5ed;border-radius:6px;align-items:center;gap:5px;padding:5px 7px;font-size:11px;font-weight:750;display:inline-flex}.spreadsheet-tools button:hover:not(:disabled){color:var(--accent-dark);background:#fffaf2;border-color:#d8a18b}.spreadsheet-tools button.danger:hover:not(:disabled){color:#a13c2d;background:#fae5df;border-color:#d99b8e}.spreadsheet-tools button:disabled{opacity:.4;cursor:default}.spreadsheet-tool-divider{background:var(--line);flex:none;width:1px;height:23px;margin:0 2px}.data-viewbar{align-items:center;gap:6px;min-width:0;padding:0 10px 8px 2px;display:flex}.data-filter,.data-sort{min-width:0;height:34px;color:var(--ink-soft);border:1px solid var(--line);background:#f8f5ed;border-radius:7px;align-items:center;gap:5px;padding:0 7px;display:flex}.data-filter{flex:210px;max-width:310px}.data-filter input{background:0 0;border:0;width:100%;min-width:0;padding:0;font-size:11px}.data-filter button{width:22px;height:22px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;padding:0;display:grid}.data-sort{flex:0 200px}.data-sort select{background:0 0;border:0;width:100%;min-width:0;padding:0;font-size:11px}.sort-direction,.save-sort,.clear-view{height:34px;color:var(--ink-soft);border:1px solid var(--line);white-space:nowrap;cursor:pointer;background:#f8f5ed;border-radius:7px;padding:0 9px;font-size:11px;font-weight:750}.save-sort{color:#fff;background:var(--green);border-color:var(--green)}.clear-view{color:var(--accent-dark)}.view-status{min-width:145px;color:var(--ink-soft);text-align:right;flex-direction:column;gap:2px;margin-left:auto;font-size:11px;display:flex}.view-status strong{color:var(--ink);font-size:11px}.grid-notice{z-index:8;color:#315f57;background:#d5e7e1f5;border:1px solid #9fc4b8;border-radius:7px;justify-content:space-between;align-items:center;gap:10px;min-height:31px;padding:6px 9px;font-size:11px;font-weight:750;display:flex;position:absolute;top:112px;left:24px;right:10px;box-shadow:0 5px 14px #2d2a221a}.grid-notice button{width:22px;height:22px;color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.spreadsheet-scroll{border:1px solid var(--line-strong);background:#fffdf8;border-radius:10px 0 0;overflow:auto;box-shadow:0 8px 20px #36312814}.data-table{border-collapse:separate;border-spacing:0;table-layout:fixed;outline:none;font-size:11px}.data-table th,.data-table td{border-bottom:1px solid #e1ddd3;border-right:1px solid #e1ddd3;height:44px;padding:5px}.data-table td[data-grid-row]{cursor:cell}.data-table th{z-index:2;color:#62645b;text-align:left;vertical-align:top;background:#eae6dd;height:64px;padding:7px 8px;position:sticky;top:0}.data-table th input{width:100%;color:var(--ink);background:0 0;border:0;padding:2px 0;font-size:11px;font-weight:750}.data-table th>div{justify-content:space-between;align-items:center;margin-top:5px;display:flex}.data-table th button,.row-actions button{color:#787b70;cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;width:24px;height:24px;padding:0;display:grid}.data-table th button:hover,.row-actions button:hover:not(:disabled){color:#a13c2d;background:#f4d9d3}.row-number-column{width:72px}.row-actions-column{width:112px}.data-table .row-number-head,.data-table .row-number{z-index:3;text-align:center;position:sticky;left:0}.data-table .row-number-head{background:#dfdbd2}.data-table .row-number-head input{width:auto;accent-color:var(--accent)}.data-table .row-number{color:#898b82;background:#efebe2;font-size:10px}.row-selector-head,.row-index-cell{justify-content:space-between;align-items:center;gap:5px;height:100%;display:flex}.row-selector-head{justify-content:center}.row-selector-head span{color:#8a8c82;margin-left:5px;font-weight:800}.row-index-cell input{accent-color:var(--accent);margin:0}.row-drag-handle{cursor:grab!important;width:20px!important;height:25px!important}.row-drag-handle.disabled{opacity:.28;cursor:not-allowed!important}.data-table .card-name-head{z-index:3;left:72px}.data-table .card-name-cell{z-index:2;background:#fffdf8;position:sticky;left:72px}.data-table .card-name-head span,.data-table .card-name-head small{display:block}.data-table .card-name-head small{color:#8b8d84;text-transform:uppercase;letter-spacing:.07em;margin-top:5px;font-size:10px}.data-table tbody tr.selected td{background-color:#fff7ef}.data-table tbody tr.selected .row-number{color:var(--accent-dark);box-shadow:inset 3px 0 0 var(--accent);background:#f5ded4}.data-table tbody tr.batch-selected td{box-shadow:inset 0 0 0 1px #38786f24}.data-table td.range-selected{box-shadow:inset 0 0 0 1px #38786f2e;background-color:#edf5f1!important}.data-table td.active-cell{box-shadow:inset 0 0 0 2px var(--green);background-color:#fffdf8!important}.data-table td.editing-cell{cursor:text;background-color:#fff!important}.data-table.selecting-cells,.data-table.selecting-cells *{-webkit-user-select:none;user-select:none}.data-table tbody tr.dragging{opacity:.45}.data-table tbody tr.drop-before>td{box-shadow:inset 0 2px 0 var(--accent)}.data-table tbody tr.drop-after>td{box-shadow:inset 0 -2px 0 var(--accent)}.table-input{background:0 0;border:1px solid #0000;border-radius:5px;width:100%;min-height:32px;padding:6px 7px;font-size:11px}.table-input:hover{border-color:var(--line);background:#fff}.table-input:focus{border-color:var(--accent);background:#fff}.cell-value{text-overflow:ellipsis;white-space:nowrap;min-height:32px;padding:7px;line-height:18px;display:block;overflow:hidden}.card-name-input,.card-name-value{font-weight:750}.type-badge{color:#53615d;text-transform:uppercase;letter-spacing:.05em;background:#d6e2df;border-radius:4px;padding:2px 5px;font-size:10px;font-weight:800}.type-badge.number{color:#735a2a;background:#ede0bb}.type-badge.color{color:#7b422f;background:#f2d3c4}.type-badge.image{color:#4e557d;background:#d9dbef}.type-badge.boolean{color:#4d6645;background:#dcebd5}.data-color{grid-template-columns:31px minmax(80px,1fr);gap:4px;display:grid}.data-color input{border:1px solid var(--line);background:#fff;border-radius:5px;min-width:0;height:31px;padding:3px}.data-color input:last-child{padding:5px}.data-color-display{align-items:center;gap:7px;min-width:0;height:32px;padding:3px;display:flex}.data-color-display i{border:1px solid var(--line);border-radius:4px;flex:none;width:25px;height:25px}.data-color-display span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.boolean-cell{border:1px solid var(--line);cursor:pointer;background:#f4f1e9;border-radius:6px;place-items:center;width:31px;height:31px;display:grid;position:relative}.boolean-cell input{opacity:0;position:absolute}.boolean-cell svg{opacity:0;color:#fff}.boolean-cell.checked{background:var(--green)}.boolean-cell:has(input:checked){background:var(--green)}.boolean-cell.checked svg{opacity:1}.boolean-cell:has(input:checked) svg{opacity:1}.boolean-cell.display-only{cursor:cell;pointer-events:none}.image-cell{color:#676a5f;border:1px dashed var(--line-strong);cursor:pointer;background:#f6f2e9;border-radius:6px;justify-content:center;align-items:center;gap:6px;width:100%;height:34px;padding:3px 6px;font-size:10px;display:flex}.image-cell.display-only{cursor:cell;pointer-events:none}.image-cell.display-only span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.column-resizer{z-index:5;position:absolute;top:0;right:-4px;cursor:col-resize!important;background:0 0!important;border:0!important;border-radius:0!important;width:8px!important;height:100%!important;padding:0!important}.column-resizer:after{content:"";background:0 0;width:1px;position:absolute;top:8px;bottom:8px;left:3px}.column-resizer:hover:after{background:var(--accent)}body.resizing-column,body.resizing-column *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}.image-cell img{object-fit:cover;border-radius:3px;width:28px;height:26px}.row-actions-head,.row-actions{width:112px!important}.row-actions{justify-content:center;align-items:center;gap:2px;display:flex}.data-table .row-actions-head{padding:8px}.data-table .row-actions-head .add-column-button{width:100%;height:34px;color:var(--accent-dark);white-space:nowrap;background:#fff8ef;border:1px dashed #d99b83;border-radius:7px;justify-content:center;align-items:center;gap:5px;font-size:11px;font-weight:800;display:inline-flex}.data-table .row-actions-head .add-column-button:hover{color:#fff;background:var(--accent);border-color:var(--accent)}.virtual-spacer td{background:#fffdf8;height:0;border:0!important;padding:0!important}.add-row-footer{z-index:4;width:100%;height:38px;color:var(--ink-soft);border:0;border-top:1px solid var(--line-strong);cursor:pointer;background:#ede9e0;justify-content:center;align-items:center;gap:6px;font-size:11px;font-weight:750;display:flex;position:sticky;bottom:0;left:0;box-shadow:0 -4px 10px #3631280f}.add-row-footer:hover{color:var(--accent-dark);background:#f3e8df}.data-preview{background:var(--panel);border-left:1px solid var(--line);min-height:0;overflow:auto}.data-preview-stage{background-image:radial-gradient(#d2cec4 1px,#0000 1px);background-size:15px 15px;place-items:center;padding:28px 10px;display:grid;overflow:hidden}.data-preview-stage .card-stage{box-shadow:0 12px 30px #2d2a2233}.data-preview>p{color:var(--ink-soft);margin:15px;font-size:11px;line-height:1.5}.render-workspace{background:#e4e0d7;grid-template-rows:auto minmax(0,1fr);height:100%;display:grid}.render-intro{min-height:104px}.render-summary{align-items:baseline;gap:8px;padding-right:8px;display:flex}.render-summary strong{color:var(--accent);font:500 38px Georgia,serif}.render-summary span{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.09em;font-size:11px;font-weight:800}.render-body{grid-template-columns:290px minmax(0,1fr) 310px;min-height:0;display:grid}.render-settings{border-right:1px solid var(--line)}.export-panel{border-left:1px solid var(--line)}.render-property-section{padding-bottom:22px}.profile-detail{color:var(--ink-soft);margin:-5px 0 2px;font-size:11px;line-height:1.45}.render-settings-divider{min-height:20px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.1em;align-items:center;margin:1px 0 -2px;font-size:10px;font-weight:800;display:flex;position:relative}.render-settings-divider:after{content:"";background:var(--line);flex:1;height:1px;margin-left:9px}.print-capacity{color:var(--ink-soft);background:#e7e3da;border-radius:8px;flex-direction:column;gap:2px;padding:12px;display:flex}.print-capacity>span{text-transform:uppercase;letter-spacing:.09em;font-size:10px;font-weight:800}.print-capacity strong{color:var(--ink);font:500 24px Georgia,serif}.print-capacity small{font-size:10px}.deck-preview-section{grid-template-rows:58px minmax(0,1fr);min-width:0;min-height:0;display:grid}.deck-preview-heading{background:#ece8df;border-bottom:1px solid #c9c4ba;justify-content:space-between;align-items:center;padding:0 19px;display:flex}.deck-preview-heading h2{margin:3px 0 0;font-size:15px}.preview-mode-toggle{background:#ddd8ce;border-radius:8px;padding:3px;display:flex}.preview-mode-toggle button{min-width:58px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px 9px;font-size:10px;font-weight:800}.preview-mode-toggle button.active{color:var(--ink);background:#fffaf2;box-shadow:0 1px 4px #27241e1f}.sheet-preview-area{background-image:radial-gradient(#c7c2b8 1px,#0000 1px);background-size:17px 17px;flex-direction:column;align-items:center;gap:14px;min-width:0;min-height:0;padding:13px 24px 32px;display:flex;overflow:auto}.sheet-toolbar{z-index:5;color:var(--ink-soft);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#f6f2e9f0;border-radius:9px;grid-template-columns:28px minmax(180px,auto) 28px;align-items:center;gap:9px;padding:5px 7px;display:grid;position:sticky;top:0;box-shadow:0 4px 12px #2d2a2214}.sheet-toolbar span{text-align:center;font-size:10px}.sheet-toolbar button{width:28px;height:28px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.sheet-toolbar button:hover:not(:disabled){background:#e7e1d6}.sheet-toolbar button:disabled{opacity:.35;cursor:default}.sheet-page{background:#fff;flex:none;position:relative;box-shadow:0 18px 42px #2c28203b,0 0 0 1px #3c372d1f}.sheet-card-slot{z-index:1;position:absolute;overflow:visible}.sheet-card-turn{transform-origin:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sheet-card-turn.rotated{transform:translate(-50%,-50%)rotate(90deg)}.sheet-card-turn .card-stage{box-shadow:none}.sheet-crop-overlay{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.sheet-crop-overlay line{stroke:#1d1e1a;stroke-width:.12px;vector-effect:non-scaling-stroke}.sheet-empty{min-height:280px;color:var(--ink-soft);flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex}.sheet-empty strong{color:var(--ink);font-size:14px}.sheet-empty span{font-size:11px}.render-grid{background-image:radial-gradient(#c7c2b8 1px,#0000 1px);background-size:17px 17px;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));align-content:start;gap:25px 18px;min-height:0;padding:26px;display:grid;overflow:auto}.render-card{min-width:0}.render-card-canvas{place-items:center;min-height:225px;display:grid}.render-card-canvas .card-stage{box-shadow:0 13px 28px #2a272038}.render-card>div:last-child{color:var(--ink-soft);grid-template-columns:25px minmax(0,1fr) 27px;align-items:center;gap:5px;margin-top:10px;font-size:10px;display:grid}.render-card strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.render-card button{border:1px solid var(--line);cursor:pointer;background:#f7f3eb;border-radius:6px;place-items:center;width:25px;height:25px;padding:0;display:grid}.render-card button:disabled{opacity:.4;cursor:default}.preflight-summary{border-radius:8px;align-items:flex-start;gap:9px;margin:13px 14px 8px;padding:11px;display:flex}.preflight-summary>svg{flex:none;margin-top:1px}.preflight-summary>div{flex-direction:column;gap:3px;min-width:0;display:flex}.preflight-summary strong{font-size:11px}.preflight-summary span{font-size:10px}.preflight-summary.ready{color:#315f4a;background:#dceade}.preflight-summary.warning{color:#765b20;background:#f2e6bd}.preflight-summary.blocked{color:#923f32;background:#f5ded8}.preflight-list{flex-direction:column;padding:0 14px 8px;display:flex}.preflight-issue{border-bottom:1px solid var(--line);grid-template-columns:18px minmax(0,1fr);gap:7px;padding:10px 1px;display:grid}.preflight-issue>svg{margin-top:1px}.preflight-issue>div{min-width:0}.preflight-issue strong{color:var(--ink);font-size:11px;display:block}.preflight-issue p{color:var(--ink-soft);margin:4px 0 0;font-size:10px;line-height:1.4}.preflight-issue.error>svg{color:#b64e3e}.preflight-issue.warning>svg{color:#a47a23}.preflight-issue.info>svg{color:#4e7c75}.export-stack{flex-direction:column;gap:8px;padding:14px;display:flex}.preflight-list+.export-stack{border-top:1px solid var(--line)}.export-stack>button{color:var(--ink);border:1px solid var(--line);text-align:left;cursor:pointer;background:#fffaf2;border-radius:9px;grid-template-columns:31px minmax(0,1fr);align-items:center;gap:9px;padding:12px 10px;display:grid}.export-stack>button:hover:not(:disabled){color:var(--accent-dark);border-color:#dfa187;box-shadow:0 5px 13px #50362814}.export-stack>button>svg{color:var(--accent)}.export-stack span{flex-direction:column;gap:3px;display:flex}.export-stack strong{font-size:11px}.export-stack small{color:var(--ink-soft);font-size:10px;line-height:1.35}.export-stack>button:disabled{opacity:.45;cursor:default}.export-progress{background:#e7e3da;border-radius:8px;margin:4px 14px;padding:10px}.export-progress>div{align-items:center;gap:6px;font-size:10px;display:flex}.export-progress span{flex:1}.export-progress progress{width:100%;height:5px;accent-color:var(--accent);margin-top:8px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.guided-tour-layer{z-index:45;pointer-events:none;position:fixed;inset:0}.guided-tour-spotlight{z-index:1;pointer-events:none;border:2px solid #ffad87;border-radius:11px;transition:left .18s,top .18s,width .18s,height .18s;position:fixed;box-shadow:0 0 0 9999px #12141094,0 0 0 5px #ffad873d}.guided-tour-card{z-index:2;width:390px;color:var(--ink);pointer-events:auto;background:#fffaf2;border:1px solid #e5c2ae;border-radius:14px;padding:21px;position:fixed;bottom:22px;box-shadow:0 22px 65px #00000054}.guided-tour-card.right{right:22px}.guided-tour-card.left{left:22px}.tour-card-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.tour-card-heading>div{gap:3px;display:flex}.tour-card-heading button{width:29px;height:29px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.tour-card-heading button:hover{color:var(--ink);background:#ece6dc}.tour-step-label{color:var(--accent-dark);text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:850}.tour-progress{background:#e4ded2;border-radius:99px;height:4px;margin:12px 0 17px;overflow:hidden}.tour-progress span{background:var(--accent);border-radius:inherit;height:100%;transition:width .18s;display:block}.guided-tour-card h2{letter-spacing:-.025em;margin:0 0 9px;font:500 27px/1.1 Georgia,serif}.guided-tour-card p{color:var(--ink-soft);margin:0;font-size:12px;line-height:1.55}.tour-target-wait,.tour-action-status{color:#7b6b45;margin-top:13px;font-size:10px;font-weight:750;display:block}.tour-action-status.complete{color:#315f57;align-items:center;gap:5px;display:flex}.tour-actions{justify-content:space-between;align-items:center;gap:8px;margin-top:19px;display:flex}.tour-actions.split{justify-content:flex-end}.guided-tour-card>.tour-step-label+h2{margin-top:8px}.library-desktop-note{color:#f4efe2;text-align:left;background:#ffffff12;border:1px solid #fff3;border-radius:10px;grid-template-columns:32px minmax(0,1fr);align-items:start;gap:11px;width:min(620px,100%);margin-top:20px;padding:14px 16px;display:grid}.library-desktop-note>svg{color:#f19a75;margin-top:2px}.library-desktop-note span{flex-direction:column;gap:4px;display:flex}.library-desktop-note strong{font-size:13px}.library-desktop-note small{color:#c8c9c0;font-size:11px;line-height:1.5}.empty-project.blocked{cursor:default}.empty-project.blocked:hover{color:inherit;border-color:var(--line-strong);background:0 0}.install-backdrop{z-index:100}.install-dialog{width:min(590px,100%);position:relative}.install-dialog .modal-close{position:absolute;top:18px;right:18px}.install-dialog-icon{color:#fff;background:var(--accent);border-radius:13px;place-items:center;width:48px;height:48px;margin-bottom:18px;display:grid}.install-dialog h2{margin-bottom:8px}.install-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:20px 0;display:grid}.install-benefits>div{color:#315f57;background:var(--green-soft);border:1px solid #a6c8bd;border-radius:10px;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:8px;min-width:0;padding:13px;display:grid}.install-benefits span{flex-direction:column;gap:3px;display:flex}.install-benefits strong{color:var(--ink);font-size:12px}.install-benefits small{color:var(--ink-soft);font-size:10px;line-height:1.45}.install-instruction{color:#4f5149;background:#efebe2;border-radius:9px;margin:0;padding:13px 15px;font-size:12px;line-height:1.55}.install-caveat{color:#77796f;margin:14px 0 0;font-size:10px;line-height:1.5}.desktop-required-page{background:radial-gradient(circle at 80% 5%, #e66b3c21, transparent 32%), var(--paper);place-items:center;min-height:100vh;padding:90px 22px 40px;display:grid}.desktop-required-brand{align-items:center;gap:10px;display:flex;position:absolute;top:28px;left:clamp(22px,5vw,72px)}.desktop-required-brand strong{font:600 22px Georgia,serif}.desktop-required-card{border:1px solid var(--line);text-align:center;background:#fffaf1;border-radius:20px;width:min(650px,100%);padding:clamp(30px,5vw,55px);box-shadow:0 22px 65px #211f1924}.desktop-required-icon{width:68px;height:68px;color:var(--accent-dark);background:var(--accent-soft);border-radius:50%;place-items:center;margin:0 auto 19px;display:grid}.desktop-required-card h1{letter-spacing:-.04em;margin:7px 0 14px;font:500 clamp(32px,6vw,48px)/1.05 Georgia,serif}.desktop-required-card>p{max-width:520px;color:var(--ink-soft);margin:0 auto;font-size:14px;line-height:1.65}.desktop-required-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:25px;display:flex}.desktop-required-card>small{color:#85877d;margin-top:21px;font-size:10px;display:block}.pwa-update-notice{z-index:120;width:min(470px,100vw - 36px);color:var(--ink);background:#fffaf1;border:1px solid #d9c9b9;border-radius:12px;grid-template-columns:23px minmax(0,1fr) auto 31px;align-items:center;gap:10px;padding:12px 12px 12px 15px;display:grid;position:fixed;bottom:18px;right:18px;box-shadow:0 18px 45px #00000038}.pwa-update-notice>svg{color:var(--accent)}.pwa-update-notice>span{flex-direction:column;gap:2px;min-width:0;display:flex}.pwa-update-notice strong{font-size:12px}.pwa-update-notice small{color:var(--ink-soft);font-size:10px}.pwa-update-notice .icon-button{width:31px;height:31px}@media (max-width:760px){.library-header{padding:0 18px}.library-actions{gap:5px}.library-header .button{gap:0;font-size:0}.library-header .button svg{display:block}.storage-button span{display:none}.library-hero{padding:60px 25px 80px}.library-hero:after{opacity:.32;right:-110px}.library-hero h1{font-size:45px}.project-section{padding:40px 18px 60px}.section-heading{align-items:flex-start}.section-heading .muted{display:none}.recovery-comparison{grid-template-columns:1fr}.recovery-actions{flex-direction:column-reverse;align-items:stretch}.recovery-actions>div{justify-content:space-between}.storage-dialog-heading,.storage-summary,.persistence-card,.persistence-notice,.storage-damage-warning,.recovery-list-heading,.recovery-list,.storage-export-note{margin-left:18px;margin-right:18px}.storage-dialog-heading{margin:0;padding:21px 18px 16px}.persistence-card{grid-template-columns:27px minmax(0,1fr)}.persistence-card .button{grid-column:1/-1;width:100%;font-size:12px}.recovery-row{grid-template-columns:1fr}.recovery-row-actions{justify-content:flex-end}.compatibility-list article{grid-template-columns:22px minmax(0,1fr)}.compatibility-list article small{grid-column:2}.crash-actions{flex-direction:column;width:min(320px,100%)}.image-cell-assets{grid-template-columns:repeat(2,minmax(0,1fr))}.image-cell-upload,.custom-size-fields,.starter-project-list{grid-template-columns:1fr}.library-hero-actions{flex-direction:column;align-items:stretch;width:min(310px,100%)}.library-hero-actions .button{width:100%}.help-backdrop{padding:0}.help-dialog{border-radius:0;width:100%;height:100vh}.help-header{padding:20px 18px 14px}.help-search{margin:0 18px 14px}.help-layout{grid-template-columns:1fr;overflow-y:auto}.help-sidebar{border-right:0;border-bottom:1px solid var(--line);min-height:auto;overflow:visible}.help-topic-list{max-height:280px}.help-article{padding:30px 22px 45px;overflow:visible}.tour-complete-dialog{padding-right:30px}.tour-complete-icon{margin-bottom:17px;position:static}.tour-complete-actions{flex-direction:column-reverse;align-items:stretch}.install-benefits{grid-template-columns:1fr}.desktop-required-page{align-items:start;padding-top:105px}.desktop-required-card{padding:29px 22px}.desktop-required-actions{flex-direction:column;align-items:stretch}.pwa-update-notice{grid-template-columns:22px minmax(0,1fr) 31px}.pwa-update-notice .button{grid-area:2/1/auto/-1;width:100%}}
