/* OTO web preview: shared visual tokens, no remote font or CSS dependency. */
:root{color-scheme:light;--navy:#092344;--blue:#0769e6;--blue-dark:#0354bf;--cyan:#08a9d6;--bg:#f5f7fb;--surface:#fff;--surface-soft:#f7faff;--text:#152b48;--muted:#62738b;--line:#e1e7f0;--blue-soft:#eaf2ff;--green:#087a5d;--green-soft:#e9f7f1;--amber:#926015;--amber-soft:#fff7e8;--danger:#c33646;--shadow:0 8px 28px #16355c08;--radius:16px;font-family:"Segoe UI",Arial,sans-serif;font-size:14px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img{max-width:100%;object-fit:contain}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button svg,a svg{pointer-events:none}h1,h2,h3,p{margin:0}h1{font-size:32px;letter-spacing:-1px;line-height:1.25;font-weight:700}h2{font-size:19px;letter-spacing:-.35px}h3{font-size:15px}p{line-height:1.65}small{font-size:12px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #59a5ff;outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.48}button[hidden],[hidden]{display:none!important}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;left:16px;top:-60px;z-index:99;padding:12px;background:var(--surface);border-radius:8px}.skip-link:focus{top:10px}
.topbar{min-height:72px;background:var(--navy);color:white;display:flex;align-items:center;gap:28px;padding:12px 28px;position:sticky;top:0;z-index:20;box-shadow:0 1px 0 #fff1}.brand{min-width:190px}.brand>a{display:flex;align-items:center;gap:10px}.brand img{width:36px;height:36px}.brand a>span{font-size:14px;letter-spacing:.25px}.brand strong{font-size:19px;letter-spacing:.4px}.brand small{display:block;font-size:10px;color:#aabbd3;letter-spacing:1.2px;margin-top:1px}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.icon-button{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;gap:4px;border:1px solid transparent;border-radius:8px;background:transparent;color:inherit;flex-shrink:0}.icon-button:hover{background:var(--blue-soft);color:var(--blue)}.topbar .icon-button{color:#dce8f8}.topbar .icon-button:hover{background:#ffffff16}.top-divider{height:26px;width:1px;background:#ffffff25;margin:0 9px}.profile-circle{display:grid;place-items:center;border:1px solid #ffffff40;background:#2c4664;width:34px;height:34px;border-radius:50%;font-size:12px}.profile-label{font-size:12px}.profile-label small{display:block;color:#b2c2d7;font-size:10px;margin-top:3px}
.primary-nav{display:flex;align-items:center;gap:8px;min-width:0}.primary-nav-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 14px;color:#dce8f8;font-size:12px;white-space:nowrap;border-radius:8px;border:1px solid transparent}.primary-nav-link svg{width:17px;height:17px}.primary-nav-link:hover{background:#ffffff12;color:#fff}.primary-nav-link[aria-current=page]{background:#ffffff14;border-color:#ffffff28;color:#fff;box-shadow:inset 0 -2px 0 #5bb9ff}.nav-count{border-radius:5px;background:#ffffff1f;color:#dce8f8;padding:2px 6px;font-size:10px}.nav-count:empty{display:none}
.main{margin:0 auto;padding:0 32px;min-height:calc(100vh - 72px);max-width:1680px}.breadcrumb{display:flex;align-items:center;gap:10px;height:58px;font-size:12px;color:var(--muted)}.breadcrumb>a:hover{color:var(--blue)}.breadcrumb>span:not(.preview-badge){color:#8c9aac}.preview-badge{display:flex;align-items:center;gap:6px;margin-left:auto;font-size:10px;color:var(--green);background:var(--green-soft);border-radius:30px;padding:6px 10px}.preview-badge i{height:5px;width:5px;border-radius:50%;background:var(--green)}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:#5c7a9f}.welcome{min-height:236px;border:1px solid #d6e5fa;background:linear-gradient(108deg,#edf5ff 0%,#f7fbff 55%,#e8f4ff 100%);border-radius:var(--radius);padding:30px 36px;display:flex;position:relative;overflow:hidden}.welcome-copy{position:relative;z-index:2}.welcome h1{margin-top:9px;font-size:33px;color:#133763}.welcome-copy>p{font-size:13px;color:#59718f;margin-top:12px;margin-bottom:20px}.welcome .button{font-size:12px;height:40px}.quiet-link{font-size:12px;margin-left:18px;color:#3d6491}.quiet-link:hover{text-decoration:underline}.welcome-art{display:flex;align-items:center;justify-content:center;margin-left:auto;width:300px;position:relative;flex-shrink:0;margin-right:16px}.welcome-art>img{z-index:1;width:190px;height:190px;filter:drop-shadow(0 10px 10px #29528715)}.art-orbit{position:absolute;inset:-40px -15px;border-radius:50%;border:1px solid #a5cff85e;transform:rotate(-20deg)}.art-orbit:before{content:"";position:absolute;inset:25px;border:1px solid #b3d6f86b;border-radius:50%}.art-note{position:absolute;z-index:2;display:flex;align-items:center;gap:7px;border:1px solid #dce7f3;border-radius:9px;padding:8px 11px;background:#ffffffed;box-shadow:0 4px 15px #294e7a09;font-size:10px;color:#426387;white-space:nowrap}.art-note svg{width:14px;height:14px}.note-a{top:16px;right:-8px;transform:rotate(4deg)}.note-a svg{color:#16a479}.note-b{bottom:0;left:-6px;transform:rotate(-4deg);color:#2777d5}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:1px solid var(--line);border-radius:8px;padding:9px 14px;background:var(--surface);font-size:12px;font-weight:500;white-space:nowrap;transition:background .16s,box-shadow .16s}.button:hover{background:var(--surface-soft);border-color:#bacce4}.button.primary{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 3px 8px #0769e615}.button.primary:hover{background:var(--blue-dark);border-color:var(--blue-dark)}.button svg{width:17px;height:17px}.button.large{min-height:48px;font-size:15px;padding:12px 46px}.button.full{width:100%}.button.danger{background:#c33646;color:#fff;border-color:#c33646}.button.subtle-danger{background:#fff6f6;color:#bd3d4c;border-color:#f3d7db;font-size:11px}.text-button{border:0;background:transparent;color:var(--blue);font-size:12px;padding:8px 0;font-weight:500}.text-button:hover{text-decoration:underline}.catalog{margin-top:30px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.section-heading h2{display:flex;align-items:center;gap:9px}.section-heading p{font-size:12px;color:var(--muted);margin-top:5px}.count-pill{display:inline-block;background:#eaf0f8;color:#5c7596;border-radius:6px;padding:3px 7px;font-size:10px;font-weight:500;letter-spacing:0}.search{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:0 12px;width:300px;flex-shrink:0;height:42px}.search:focus-within{border-color:#559df5;box-shadow:0 0 0 3px #0769e611}.search svg{width:17px;height:17px;color:#7790ac}.search input{border:0;outline:none;background:transparent;color:var(--text);width:100%;font-size:12px;min-width:0}.search input:focus-visible{outline:none}.search-hint{font-size:10px;color:#8b98a9;border:1px solid var(--line);padding:2px 5px;border-radius:4px}.catalog-toolbar{display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--line);margin-top:18px}.category-tabs{display:flex;gap:19px;overflow-x:auto;scrollbar-width:thin}.category-tab{position:relative;white-space:nowrap;border:none;background:none;color:var(--muted);padding:13px 2px 15px;font-size:12px;border-bottom:2px solid transparent}.category-tab:hover{color:var(--blue)}.category-tab.selected{border-bottom-color:var(--blue);color:var(--blue);font-weight:600}.catalog-legend{display:flex;align-items:center;gap:18px;margin:15px 0;font-size:10px;color:var(--muted)}.catalog-legend>span{display:flex;align-items:center;gap:6px}.legend-dot{width:5px;height:5px;border-radius:50%;display:inline-block}.legend-dot.blue{background:var(--blue)}.legend-dot.amber{background:#cf9a49}.tool-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px}.tool-card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:13px;box-shadow:0 2px 5px #263d5a02;overflow:hidden;transition:transform .18s,box-shadow .18s,border-color .18s}.tool-card:hover{transform:translateY(-3px);box-shadow:0 8px 22px #214a7c0c;border-color:#b8cdeb}.tool-card.preview-ready{border-color:#bfd8fb;background:linear-gradient(180deg,var(--surface),var(--surface-soft))}.tool-card-content{padding:22px 12px 16px;display:flex;flex-direction:column;align-items:center;text-align:center;background:transparent;width:100%;height:100%;color:inherit;border:0}.tool-card-content>img{width:72px;height:72px;margin-bottom:11px;transition:transform .18s}.tool-card:hover img{transform:scale(1.04)}.tool-card.planned img{filter:saturate(.78);opacity:.85}.tool-card h3{font-size:13px;font-weight:600;line-height:1.5}.tool-card p{font-size:10px;color:var(--muted);line-height:1.6;margin-top:5px;min-height:32px;max-width:155px}.tool-status{font-size:9px;margin-top:12px;border-radius:5px;padding:3px 7px;line-height:1.3}.tool-status.ready{color:#1868c4;background:#e8f2ff}.tool-status.ready>span{margin-left:6px}.tool-status.pending{color:var(--amber);background:var(--amber-soft)}.favorite-button{position:absolute;top:6px;right:6px;z-index:2;background:transparent;border:0;border-radius:6px;width:32px;height:32px;display:grid;place-items:center;color:#9cabbf}.favorite-button svg{width:15px;height:15px}.favorite-button:hover{background:var(--blue-soft);color:#326cb7}[data-favorite][aria-pressed=true]{color:#b17b17}[data-favorite][aria-pressed=true] svg{fill:#f8d37d;stroke:#ac7612}.bottom-note{margin-top:24px;display:flex;gap:13px;align-items:center;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:17px 20px}.bottom-note>svg{color:#318469;width:24px;height:24px}.bottom-note strong{font-size:12px;font-weight:600}.bottom-note p{font-size:11px;color:var(--muted);margin-top:4px}.outline-pill{border:1px solid var(--line);padding:6px 10px;font-size:10px;border-radius:30px;white-space:nowrap;margin-left:auto;color:var(--muted)}.footer{display:flex;justify-content:space-between;gap:12px;padding:27px 0;font-size:10px;color:#8491a4}.footer-dot{padding:0 6px}.no-results{padding:55px 20px;text-align:center;background:var(--surface);border:1px dashed var(--line);border-radius:12px}.no-results>svg{width:30px;height:30px;color:var(--muted);margin-bottom:14px}.no-results p{color:var(--muted);font-size:12px;margin:12px 0 18px}
.page-heading{display:flex;justify-content:space-between;align-items:center;margin:13px 0 23px;gap:20px}.page-heading h1{font-size:29px}.page-heading p{margin-top:8px;font-size:13px;color:var(--muted)}.preview-notice{display:flex;align-items:center;gap:10px;background:var(--amber-soft);border:1px solid #ebd9b6;border-radius:10px;font-size:11px;padding:8px 14px;color:#836023;margin-bottom:22px}.preview-notice>svg{width:16px;height:16px}.preview-notice .text-button{margin-left:auto;color:#836023;font-size:11px;white-space:nowrap}.preview-notice strong{font-weight:600}.workspace-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.document-panel{min-height:650px;padding:24px;transition:border-color .2s,box-shadow .2s}.document-panel.drag-active{border-color:var(--blue);box-shadow:inset 0 0 0 2px var(--blue);background:var(--blue-soft)}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:40px}.panel-heading h2{font-size:16px;display:flex;align-items:center;gap:10px}.empty-workspace{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:530px}.empty-workspace>img{width:124px;height:124px;margin-bottom:22px}.empty-workspace h2{font-size:24px;letter-spacing:-.5px}.empty-workspace p{font-size:12px;color:var(--muted);margin:10px 0 24px}.drop-hint{color:var(--muted);font-size:12px;margin:17px 0 9px}.empty-workspace>small{display:flex;align-items:center;gap:5px;color:var(--green);margin-top:30px;font-size:11px}.empty-workspace>small svg{width:15px;height:15px}.workspace-identity{display:flex;gap:13px;align-items:center;margin-top:18px;margin-bottom:23px}.workspace-identity img{width:56px;height:56px}.workspace-identity h3{font-size:19px}.workspace-identity p{font-size:11px;color:var(--muted);margin-top:6px}.workspace-toolbar{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.toolbar-separator{height:24px;width:1px;background:var(--line);margin:0 8px}.toolbar-spacer{flex:1}.size-select{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted)}select{background:var(--surface);color:var(--text);border:1px solid var(--line);padding:8px;border-radius:7px;font-size:11px}.workspace-hint{display:flex;align-items:center;gap:9px;justify-content:space-between;font-size:10px;color:var(--muted);margin:20px 0 15px}.sample-label{color:#99651d;font-size:8px;letter-spacing:.8px;background:var(--amber-soft);border:1px solid #e9d8b5;border-radius:4px;padding:4px 6px;white-space:nowrap}.page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(142px,1fr));gap:18px 14px}.page-grid.size-small{grid-template-columns:repeat(auto-fill,minmax(115px,1fr))}.page-grid.size-large{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.page-card{min-width:0;position:relative;cursor:grab;border:1px solid var(--line);border-top:3px solid var(--source-color);border-radius:10px;background:var(--surface-soft);padding:12px 10px 10px}.source-0{--source-color:#e47779;--source-tint:#fff0f1}.source-1{--source-color:#479fce;--source-tint:#eef8ff}.source-2{--source-color:#9f79cc;--source-tint:#f6f0ff}.source-3{--source-color:#4aaf8f;--source-tint:#eaf8f3}.source-4{--source-color:#d4a04b;--source-tint:#fff8e9}.page-card:focus-within,.page-card:hover{border-color:var(--source-color);box-shadow:0 6px 15px #16293d0a}.page-card.dragging{opacity:.4}.page-card.drop-target{outline:2px solid var(--blue);outline-offset:3px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-bottom:10px;font-size:9px;color:var(--muted)}.source-chip{background:var(--source-tint);border:1px solid var(--source-color);border-radius:4px;color:#34506e;font-weight:600;padding:3px 5px;white-space:nowrap}.page-position{font-size:10px}.paper-preview{aspect-ratio: .72;background:white;box-shadow:0 2px 6px #233a5212;color:#273e57;padding:15px 11px;position:relative;overflow:hidden;max-width:160px;margin:auto;transition:transform .15s}.paper-brand{font-size:6px;font-weight:700;letter-spacing:.8px;border-bottom:1px solid #dae1e9;padding-bottom:6px;margin-bottom:13px}.paper-title{font-size:7px;line-height:1.7;font-weight:600;margin-bottom:15px}.paper-line{height:3px;margin-bottom:6px;background:#e7ebf1;border-radius:1px}.paper-line.short{width:65%}.paper-table{height:48px;border:1px solid #d5dde7;margin:15px 0 12px;background:repeating-linear-gradient(0deg,transparent 0,transparent 9px,#dbe3ed 9px,#dbe3ed 10px),repeating-linear-gradient(90deg,transparent 0,transparent 25px,#dbe3ed 25px,#dbe3ed 26px)}.paper-stamp{font-size:5px;color:#acb5bf;position:absolute;bottom:7px;left:0;right:0;text-align:center;letter-spacing:1px}.paper-preview.real-file{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:12px;color:#8292a6;padding:10px}.paper-preview.real-file svg{width:40px;height:40px;color:#5e88bd}.paper-preview.real-file small{font-size:9px;line-height:1.6}.rotation-90{transform:rotate(90deg) scale(.72)}.rotation-180{transform:rotate(180deg)}.rotation-270{transform:rotate(270deg) scale(.72)}.card-footer{padding-top:10px;display:flex;flex-direction:column;gap:5px}.card-footer strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.card-footer small{font-size:9px;color:var(--muted)}.card-actions{position:absolute;right:6px;top:38px;display:flex;align-items:center;gap:1px;background:var(--surface);border:1px solid var(--line);padding:2px;border-radius:7px;box-shadow:0 3px 9px #17395a14;z-index:4;opacity:0;pointer-events:none;transform:translateY(-3px);transition:opacity .15s,transform .15s}.page-card:hover .card-actions,.page-card:focus-within .card-actions{opacity:1;pointer-events:auto;transform:translateY(0)}.card-actions button{width:28px;height:28px;font-size:12px}.card-actions svg{width:14px;height:14px}.inline-drop{margin-top:22px;border:1px dashed #cbd9eb;color:#7790ad;min-height:54px;display:flex;align-items:center;justify-content:center;gap:9px;border-radius:9px;font-size:11px;text-align:center;padding:10px}.inline-drop svg{width:16px;height:16px}
.output-panel{overflow:hidden;position:sticky;top:92px}.output-heading{padding:23px 20px;background:linear-gradient(110deg,#0856cc,#087fe5 75%,#0badcc);color:white;display:flex;align-items:center;gap:10px}.output-heading img{width:42px;height:42px}.output-heading h2{font-size:17px}.output-heading p{font-size:10px;color:#e6f0ff;margin-top:7px}.output-body{padding:20px;background:var(--surface-soft)}.field-label{display:flex;align-items:center;gap:7px;font-size:11px;margin-bottom:9px}.field-label svg{width:16px;height:16px;color:var(--blue)}.text-input{border:1px solid #cbd7e7;border-radius:7px;padding:12px 10px;color:var(--text);background:var(--surface);font-size:11px;width:100%}.browser-save{display:flex;gap:10px;border:1px solid #ead6aa;background:var(--amber-soft);border-radius:9px;padding:12px;margin-top:16px;color:#92702d}.browser-save>svg{width:20px;height:20px}.browser-save strong{font-size:11px;color:var(--text)}.browser-save p{font-size:10px;margin-top:5px;line-height:1.6;color:var(--muted)}.output-options{border:1px solid var(--line);border-radius:7px;margin-top:16px;background:var(--surface)}.output-options summary{display:flex;align-items:center;gap:7px;list-style:none;cursor:pointer;padding:13px 10px;font-size:11px}.output-options summary>span{margin-left:auto}.output-options svg{width:16px;height:16px;color:var(--blue)}.output-options p{font-size:11px;color:var(--muted);padding:0 12px 13px}.ready-message{display:flex;gap:9px;align-items:flex-start;background:var(--blue-soft);border:1px solid #cfe0f8;border-radius:8px;padding:13px 10px;margin:20px 0 14px;font-size:11px;line-height:1.6}.ready-message>svg{width:16px;height:16px;margin-top:1px;flex-shrink:0}.ready-message.is-ready{background:var(--green-soft);color:var(--green);border-color:#bce3d3}.execute{height:45px!important;font-size:12px!important}.execution-note{text-align:center;font-size:9px;color:var(--muted);margin-top:9px;line-height:1.6}.safe-copy{display:flex;gap:7px;align-items:center;font-size:10px;margin-top:18px}.safe-copy svg{width:15px;height:15px;color:var(--green)}.related-link{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--blue);padding-top:20px;margin-top:18px;border-top:1px solid var(--line)}.source-section{padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:20px}.small-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.small-heading h3{font-size:12px}.source-row{display:flex;align-items:center;gap:7px;border-left:3px solid var(--source-color);padding:9px 7px;margin-bottom:7px;border-radius:0 6px 6px 0;background:var(--surface)}.source-row .source-chip{border:0;font-size:10px}.source-row>div{min-width:0;flex:1}.source-row strong{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.source-row small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.source-row button{width:26px;height:28px}.source-row svg{width:13px;height:13px}.source-section>small{font-size:9px;color:var(--muted);line-height:1.6;display:block;margin-top:9px}
.tooltip-target{position:relative}.tooltip-target:after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);background:#142d4e;color:white;padding:6px 9px;border-radius:6px;font-size:10px;font-weight:400;pointer-events:none;opacity:0;transition:opacity .12s;white-space:nowrap;z-index:30}.tooltip-target:hover:after,.tooltip-target:focus-visible:after{opacity:1;transition-delay:.35s}.toast{position:fixed;right:26px;top:86px;z-index:80;max-width:380px;background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--blue);padding:15px 18px;border-radius:10px;box-shadow:0 12px 36px #0b294a26;font-size:12px;line-height:1.6}.app-dialog{width:480px;max-width:calc(100% - 32px);border:1px solid var(--line);padding:28px;border-radius:18px;background:var(--surface);color:var(--text);box-shadow:0 30px 100px #06183133}.app-dialog::backdrop{background:#09203e66;backdrop-filter:blur(3px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;margin-top:-8px;margin-bottom:14px}.app-dialog h2{font-size:24px;letter-spacing:-.5px;line-height:1.4}.app-dialog>p{font-size:13px;color:var(--muted);margin-top:12px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:25px}.dialog-choice{margin-top:20px;display:flex;gap:12px;padding:16px;background:var(--blue-soft);border:1px solid #cee1fa;border-radius:10px}.dialog-choice svg{color:var(--blue)}.dialog-choice strong{font-size:12px}.dialog-choice p{font-size:11px;color:var(--muted);margin-top:5px}.dialog-biblo{width:65px;height:65px;margin-bottom:12px}.result-dialog{text-align:center}.result-biblo{width:110px;height:110px;display:block;margin:23px auto 18px}.result-dialog h2{font-size:23px}.result-file{display:flex;align-items:center;gap:12px;text-align:left;padding:18px;background:var(--surface-soft);border:1px solid var(--line);border-radius:10px;margin:24px 0 20px}.result-file svg{width:30px;height:30px;color:var(--blue)}.result-file strong{font-size:12px;overflow-wrap:anywhere}.result-file small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.result-dialog .subtle{font-size:10px}.noscript{position:fixed;bottom:0;left:0;right:0;padding:18px;text-align:center;background:var(--amber-soft);color:var(--amber)}
.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.guide-card{padding:28px;display:flex;flex-direction:column;align-items:flex-start}.step-number{font-size:13px;font-weight:700;background:var(--blue-soft);color:var(--blue);width:38px;height:38px;border-radius:11px;display:grid;place-items:center;margin-bottom:20px}.guide-card h2{margin-bottom:15px}.guide-card p{font-size:13px;color:var(--muted);margin-bottom:25px}.guide-card .button{margin-top:auto}.guide-details{padding:28px;margin-top:25px}.guide-details dl{display:grid;grid-template-columns:190px 1fr;gap:20px;margin:25px 0 0;font-size:13px;line-height:1.7}.guide-details dt{font-weight:600}.guide-details dd{margin:0;color:var(--muted)}
:root[data-theme=dark]{color-scheme:dark;--navy:#09182c;--bg:#0e192b;--surface:#152338;--surface-soft:#182b43;--text:#e1eaf7;--muted:#9caec5;--line:#2b3d54;--blue:#3289fa;--blue-dark:#73afff;--blue-soft:#203b60;--green:#6bdbb5;--green-soft:#193c38;--amber:#edc482;--amber-soft:#3b3022}.dark-placeholder{display:none}:root[data-theme=dark] .welcome{background:linear-gradient(110deg,#193554,#172d48 60%,#203d59);border-color:#31557b}:root[data-theme=dark] .welcome h1{color:#e0edff}:root[data-theme=dark] .welcome-copy>p,:root[data-theme=dark] .eyebrow{color:#a3bfdd}:root[data-theme=dark] .art-note{background:#1a304c;color:#dbeaff;border-color:#3b5676}:root[data-theme=dark] .quiet-link{color:#a9cfff}:root[data-theme=dark] .count-pill,:root[data-theme=dark] .nav-count{background:#28405e;color:#b3d3fa}:root[data-theme=dark] .tool-status.ready{background:#20416b;color:#a9cfff}:root[data-theme=dark] .source-row{background:#142438}:root[data-theme=dark] .preview-notice{color:#ebcd9a;border-color:#6a5332}:root[data-theme=dark] .preview-notice .text-button{color:#ebcd9a}:root[data-theme=dark] .button.primary:hover{color:#0a2345}:root[data-theme=dark] .button.subtle-danger{background:#442731;border-color:#6c3845;color:#ffadb7}:root[data-theme=dark] .dialog-choice{border-color:#375d8a}:root[data-theme=dark] .ready-message{border-color:#355579}:root[data-theme=dark] .ready-message.is-ready{border-color:#37645a}
@media(min-width:1800px){.main{padding-left:44px;padding-right:44px}.tool-card-content{padding-top:25px;padding-bottom:20px}.tool-card-content>img{width:88px;height:88px}.tool-card h3{font-size:15px}.tool-card p{font-size:12px;max-width:200px}.tool-status{font-size:10px}.tool-grid{gap:18px}.welcome{min-height:250px}.welcome-art{width:380px}.welcome h1{font-size:38px}.welcome-copy>p{font-size:14px}}
@media(max-width:1350px){.tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.main{padding:0 25px}.welcome-art{width:230px;margin-right:0}.welcome-art>img{width:165px;height:165px}.welcome{padding:27px}.welcome h1{font-size:29px}.welcome-copy>p{font-size:12px}.note-a{right:-15px}.note-b{left:-20px}.workspace-layout{grid-template-columns:minmax(0,1fr) 280px;gap:16px}.document-panel{padding:20px}.workspace-hint{flex-wrap:wrap}.size-select{margin-top:6px}.output-body{padding:17px}}
@media(max-width:1100px){.main{padding:0 22px}.topbar{padding:12px 20px;gap:16px}.primary-nav{gap:2px}.primary-nav-link{padding:10px}.brand{min-width:170px}.welcome-art{width:165px}.art-note{display:none}.welcome h1{font-size:27px}.quiet-link{display:none}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace-layout{grid-template-columns:1fr}.output-panel{position:static}.output-body{display:grid;grid-template-columns:1fr 1fr;gap:14px 22px}.output-body>*{margin:0}.output-body .field-label{grid-column:1}.output-body .text-input{grid-column:1}.source-section{grid-column:1/-1}.browser-save{grid-column:2;grid-row:1/3}.source-section:not([hidden])~.browser-save{grid-row:auto}.output-options{grid-column:1/-1}.ready-message{grid-column:1/-1}.execute{grid-column:1/-1}.execution-note,.safe-copy,.related-link{grid-column:1/-1}.guide-grid{gap:14px}.guide-card{padding:20px}.guide-card h2{font-size:17px}.guide-details dl{grid-template-columns:150px 1fr}.outline-pill{display:none}}
@media(max-width:760px){.topbar{min-height:64px;padding:12px 14px 0;gap:10px;flex-wrap:wrap}.primary-nav{order:3;width:100%;gap:6px;border-top:1px solid #ffffff1f;padding:6px 0}.primary-nav-link{flex:1;padding:8px 6px;gap:6px;font-size:11px}.topbar .icon-button{width:40px;height:40px}.brand{display:flex;align-items:center;gap:7px;min-width:0}.brand img{width:30px;height:30px}.brand a>span{font-size:10px}.brand strong{font-size:15px}.brand small{font-size:8px;letter-spacing:.5px}.topbar-actions{gap:2px}.top-divider,.profile-label,.profile-circle{display:none}.main{padding:0 18px}.breadcrumb{height:52px;font-size:11px;gap:7px}.preview-badge{font-size:9px;padding:5px 8px}.welcome{min-height:218px;padding:25px 22px}.welcome h1{font-size:27px;max-width:290px}.welcome-copy{max-width:70%}.welcome-copy>p{font-size:11px;max-width:250px}.desktop-break{display:none}.welcome .eyebrow{font-size:8px;letter-spacing:1.1px}.welcome-art{width:125px;position:absolute;right:15px;top:32px;bottom:25px;opacity:.9}.welcome-art>img{width:128px;height:128px}.art-orbit{display:none}.welcome .button{font-size:11px;padding:9px 12px}.section-heading{align-items:flex-start;flex-direction:column;gap:14px}.search{width:100%;height:43px}.catalog{margin-top:24px}.catalog-toolbar{margin-top:10px}.category-tabs{gap:19px;width:100%}.category-tab{font-size:11px}.catalog-legend{font-size:9px;gap:12px;flex-wrap:wrap}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tool-card-content{padding:25px 8px 14px}.tool-card-content>img{width:62px;height:62px}.tool-card h3{font-size:11px}.tool-card p{font-size:9px;min-height:30px}.tool-status{font-size:8px}.favorite-button{width:36px;height:36px;top:2px;right:2px}.bottom-note{padding:16px 14px;align-items:flex-start}.bottom-note p{font-size:10px}.bottom-note strong{font-size:11px}.footer{flex-direction:column;gap:7px;font-size:9px;padding:22px 0}.page-heading{margin-top:8px;align-items:flex-start}.page-heading h1{font-size:25px}.page-heading p{font-size:11px}.page-heading>.button{font-size:0;padding:9px}.preview-notice{flex-wrap:wrap;font-size:10px;padding:10px 12px;gap:7px}.preview-notice>.text-button{margin:0 0 0 23px;padding:0;font-size:10px}.document-panel{padding:18px;min-height:530px}.empty-workspace{min-height:440px}.empty-workspace>img{width:105px;height:105px}.empty-workspace h2{font-size:21px}.empty-workspace p{font-size:11px}.workspace-identity h3{font-size:17px}.workspace-identity p{font-size:10px}.workspace-identity img{width:45px;height:45px}.workspace-identity{gap:10px}.panel-heading h2{font-size:15px}.button.subtle-danger{font-size:10px;padding:7px}.page-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.card-actions{opacity:1;pointer-events:auto;position:static;transform:none;justify-content:center;margin-top:9px;box-shadow:none;gap:3px}.card-actions button{height:32px;width:30px}.workspace-toolbar .toolbar-spacer{display:none}.size-select{width:100%;justify-content:flex-end;margin:8px 0}.toolbar-separator{margin:0 4px}.workspace-hint{font-size:9px}.output-body{display:block;padding:20px}.output-body>*{margin-top:14px}.output-body .text-input{margin-top:0}.output-body .field-label{margin-top:0;margin-bottom:9px}.source-section{margin-top:0;margin-bottom:20px}.output-heading{padding:20px}.guide-grid{grid-template-columns:1fr}.guide-details{padding:22px}.guide-details dl{grid-template-columns:1fr;gap:7px}.guide-details dd{margin-bottom:18px}.app-dialog{padding:24px}.app-dialog h2{font-size:21px}.dialog-actions{gap:7px}.dialog-actions .button{font-size:11px}.toast{top:128px;left:16px;right:16px;max-width:none}.tooltip-target:after{display:none}}
@media(max-width:440px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-card-content>img{width:76px;height:76px}.tool-card h3{font-size:12px}.tool-card p{font-size:10px}.welcome-copy{max-width:73%}.welcome h1{font-size:25px}.welcome-art{width:100px;right:8px;top:38px}.welcome-art>img{width:110px;height:110px}.welcome-copy>p{max-width:210px;padding-right:10px}.welcome{padding:22px 18px}.welcome .eyebrow{font-size:7px;letter-spacing:1px}.welcome .button svg{width:13px}.page-grid.size-large{grid-template-columns:1fr}.profile-circle{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}.tool-card:hover{transform:none}}
.paper-brand,.paper-title,.paper-line{display:block}.card-actions{max-width:calc(100% - 12px);flex-wrap:wrap;justify-content:flex-end}.document-panel.drop-target{border-color:var(--blue);box-shadow:inset 0 0 0 2px var(--blue);background:var(--blue-soft)}
@media(max-width:760px){.card-actions{max-width:100%;justify-content:center}.card-actions button{min-width:30px}.page-card{overflow:hidden}}
.hero-platform{display:block;font-size:10px;color:var(--muted);margin-top:14px}.website-welcome{min-height:265px}.website-download{margin-top:30px;padding:28px;display:grid;grid-template-columns:1fr 1.7fr;gap:24px;scroll-margin-top:90px}.download-intro h2{font-size:23px;margin:10px 0}.download-intro p{font-size:12px;color:var(--muted);margin-bottom:18px}.download-intro>small{display:block;font-size:10px;color:var(--muted);margin-top:9px}.download-options{display:grid;grid-template-columns:1fr 1fr;gap:18px}.download-option{background:var(--surface-soft);border:1px solid var(--line);border-radius:12px;padding:20px;display:flex;flex-direction:column}.download-option h3{font-size:14px}.download-option p{font-size:11px;color:var(--muted);margin:12px 0 18px}.download-option .button{margin-top:auto}.download-option>small{font-size:10px;color:var(--muted);margin-top:12px;line-height:1.6}.download-disclosure{grid-column:1/-1;border-top:1px solid var(--line);padding-top:17px;font-size:11px;color:var(--muted)}.download-disclosure a{color:var(--blue);white-space:nowrap}.header-download{font-size:11px;min-height:36px}
@media(max-width:1100px){.website-download{grid-template-columns:1fr}.download-intro p br{display:none}.download-options{gap:14px}}
@media(max-width:760px){.header-download{font-size:10px;padding:8px;min-height:34px}.website-welcome .welcome-art{top:55px}.website-download{padding:22px;scroll-margin-top:136px}.download-options{grid-template-columns:1fr}.hero-platform{font-size:9px;max-width:210px;line-height:1.5}}