:root{--ink:#1d292a;--muted:#7b817c;--border:#dedfd9;--surface:#f8f8f5;--paper:#f1f0ec;--canvas:#e8e9e5;--oxide:#b57958;--sidebar:#fbfbf9;--serif:Georgia,'Times New Roman',serif;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#efefeb;font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.35;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,.canvas-viewport:focus-visible{outline:2px solid #a86646;outline-offset:2px}h1,h2,h3,p{margin:0}h1,h2{font-weight:400}a{color:inherit}small{font-size:inherit}.sr-only{position:absolute!important;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden;white-space:nowrap}.skip-link{position:fixed;z-index:50;top:-90px;left:8px;background:#fff;padding:12px}.skip-link:focus{top:7px}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{height:72px;flex:none;background:#fbfbfa;display:flex;align-items:center;border-bottom:1px solid var(--border);gap:24px;padding:0 26px}.brand-lockup{display:flex;align-items:center;gap:12px;flex:0 0 237px}.brand-monogram{width:29px;height:29px;display:flex;align-items:end;gap:4px}.brand-monogram i{display:block;width:7px;height:100%;background:var(--ink)}.brand-monogram i:nth-child(2){height:70%;background:var(--oxide)}.brand-monogram i:nth-child(3){height:85%}.brand-lockup strong{font-size:13px;letter-spacing:.155em;display:block}.brand-lockup small{display:block;font-size:8px;letter-spacing:.13em;color:#8a8d86;margin-top:4px}.beta{border:1px solid #c7c7bd;border-radius:2px;padding:1px 3px;color:#767970;margin-left:5px}.document-title{flex:1;min-width:110px;display:flex;align-items:center;gap:9px}.breadcrumb{font-size:11px;color:#969a94;white-space:nowrap}.document-title input{border:0;background:transparent;min-width:70px;max-width:260px;width:100%;font-size:12px;font-weight:600;color:#3b4847;text-overflow:ellipsis}.document-title input:focus{outline:1px solid var(--oxide);background:white}.document-title #save-status{font-size:10px;color:#929891;white-space:nowrap}.top-actions{display:flex;align-items:center;gap:6px}.quiet-btn,.primary-btn,.outline-btn{border-radius:3px;padding:11px 15px;font-size:11px;font-weight:600;letter-spacing:.025em;border:1px solid transparent;background:transparent;color:var(--ink);white-space:nowrap}.quiet-btn:hover{background:#e9ebe5}.primary-btn{background:var(--ink);color:white;padding:12px 19px}.primary-btn:hover{background:#334447}.primary-btn span{margin-left:18px}.outline-btn{border-color:#cdd1cd;background:#fafaf8}.outline-btn:hover,.outline-btn[aria-pressed=true]{background:#dee4df}.outline-btn span{padding-left:12px}.shell{display:grid;grid-template-columns:255px minmax(350px,1fr) 272px;flex:1;min-height:0;align-items:stretch}.left-sidebar,.right-sidebar{background:var(--sidebar);min-width:0;display:flex;flex-direction:column}.left-sidebar{border-right:1px solid var(--border)}.right-sidebar{border-left:1px solid var(--border)}.side-heading{height:62px;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 21px;border-bottom:1px solid var(--border);font-size:9px;font-weight:700;letter-spacing:.12em;color:#687371}.side-heading span:last-child{font-size:9px;font-weight:400;color:#9fa59c}.side-section{padding:23px 18px 22px;border-bottom:1px solid var(--border)}.section-header{display:flex;justify-content:space-between;align-items:center;gap:9px}.section-header h2{font-family:var(--serif);font-size:18px;letter-spacing:-.03em}.section-header h3{font-size:11px}.meta-note{color:#91958e;font-size:9px;white-space:nowrap}.variant-selector{display:flex;flex-direction:column;gap:4px;margin-top:17px}.variant-option{border:1px solid transparent;background:transparent;width:100%;min-height:63px;padding:8px 9px;text-align:left;display:flex;gap:11px;align-items:center;border-radius:4px;color:inherit}.variant-option:hover{background:#eeefea}.variant-option.active{background:#eaeae4;border-color:#d6d8d2}.variant-symbol{width:44px;height:43px;flex:none;background:#faf8f2;display:flex;align-items:center;justify-content:center;border:1px solid #e8e4da}.variant-symbol.small{background:#efefeb}.variant-symbol.micro{background:#293638}.variant-symbol .letter-stack{font-family:Georgia,serif;font-size:19px;letter-spacing:-4px;font-weight:700}.letter-stack span{font-family:Arial,sans-serif;font-size:13px;vertical-align:sub;letter-spacing:0}.three-bars{display:flex;gap:3px;align-items:flex-end;height:19px}.three-bars i{width:5px;background:#d8a484;height:19px}.three-bars i:nth-child(2){height:14px}.three-bars i:nth-child(3){height:17px}.variant-option strong{font-size:12px;font-weight:600;display:block}.variant-option small{font-size:10px;color:#91958e;display:block;margin-top:5px}.selection-dot{width:6px;height:6px;border-radius:50%;background:transparent;display:block;margin-left:auto}.variant-option.active .selection-dot{background:var(--oxide)}.layers-section{min-height:245px}.icon-button{border:1px solid #daddd8;background:transparent;min-width:29px;min-height:29px;color:inherit;border-radius:3px}.icon-button:hover{background:#e9ebe6}.layers{display:flex;flex-direction:column;gap:2px;margin:13px 0;max-height:420px;overflow:auto}.layer-row{display:flex;align-items:center;gap:4px;min-height:35px;border-radius:3px;padding:4px 4px;border:1px solid transparent}.layer-row[aria-selected=true]{background:#ebece5;border-color:#d5dad3}.layer-row:hover{background:#f0f0eb}.layer-name{flex:1;min-width:0;display:flex;align-items:center;gap:8px;text-align:left;border:0;background:none;padding:3px 2px;font-size:11px;color:#3f4a49}.layer-name span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-icon{font-size:12px;color:#9a9d96;width:15px;text-align:center}.layer-utility{width:23px;height:24px;border:0;background:none;border-radius:3px;color:#838a84;font-size:11px}.layer-utility:hover{background:#dddeda}.layer-actions{display:flex;gap:7px}.layer-actions button{border:1px solid var(--border);padding:7px 8px;font-size:10px;background:transparent;color:#64706c;border-radius:3px}.side-footer{margin-top:auto;display:flex;gap:10px;padding:20px 20px 26px}.local-dot{flex:none;width:7px;height:7px;border-radius:50%;background:#8ca58e;margin-top:5px}.side-footer strong{font-size:10px;font-weight:600;display:block}.side-footer small{display:block;font-size:10px;color:#929991;line-height:1.55;margin-top:5px}.main-area{padding:28px 30px 50px;min-width:0;background:#f0f0ec;overflow:hidden}.workspace-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px;gap:12px}.eyebrow{font-weight:700;font-size:9px;letter-spacing:.145em;color:var(--oxide)}.workspace-head h1{font-family:var(--serif);font-size:clamp(23px,2.4vw,36px);letter-spacing:-.037em;margin-top:10px}.tools-row{min-height:45px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;flex-wrap:wrap}.tools-group{display:flex;gap:4px;flex-wrap:wrap}.tool{background:transparent;border:1px solid transparent;border-radius:3px;padding:8px 10px;font-size:13px;display:flex;align-items:center;gap:8px;color:#63706c;min-height:36px}.tool span{font-size:10px;font-weight:600}.tool:hover{background:#e1e4dc}.tool.active{border-color:#c4c9bf;background:#e1e4db;color:#2b3434}.zoom-tools{display:flex;align-items:center;gap:4px;color:#65706d;font-size:10px}.zoom-tools button{border:1px solid #d2d6d0;background:#f9f9f6;border-radius:3px;min-width:30px;height:30px}.zoom-tools span{width:35px;text-align:center}.canvas-wrap{background:#e6e7e2;border:1px solid #d3d5d0;min-width:0}.canvas-ruler{display:flex;justify-content:space-between;padding:12px 15px;border-bottom:1px solid #d3d5d0;font-size:9px;letter-spacing:.105em;font-weight:600;color:#768079;gap:10px}.canvas-viewport{display:flex;align-items:center;justify-content:center;min-height:465px;max-height:64vh;overflow:auto;position:relative;padding:38px 24px;background-color:#e9ebe5;background-image:radial-gradient(#c2c6be 0.7px,transparent .7px);background-size:16px 16px}.canvas-container{flex:none;line-height:0;box-shadow:0 17px 40px rgba(34,43,42,.13),0 1px 2px rgba(34,43,42,.08);position:relative}.canvas-container svg{display:block;touch-action:none;user-select:none}.canvas-container svg[data-active-tool='select'] [data-object-id]:hover{filter:drop-shadow(0px 0px 1px #b87b57)}.canvas-container .guide-outline{pointer-events:none;fill:none;stroke:#317a94;stroke-width:2;stroke-dasharray:7 5}.canvas-container .control-node{fill:#fff;stroke:#317a94;stroke-width:3;cursor:move}.canvas-container .path-guide{fill:none;stroke:#c6815d;stroke-width:3;stroke-dasharray:7 5;pointer-events:none}.canvas-container .path-dot{fill:#c6815d;stroke:#fff;stroke-width:2;pointer-events:none}.canvas-status{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:11px 13px;color:#8b928b;font-size:10px;border-top:1px solid #d3d5d0}.canvas-status>div{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.status-pill{color:#496f71;border:1px solid #c0cbc9;padding:5px 7px;border-radius:2px;white-space:nowrap}.snap-toggle{white-space:nowrap;display:flex;gap:7px;align-items:center;cursor:pointer}.snap-toggle input{accent-color:#738e86}.preview-section{margin-top:34px}.preview-header{margin-bottom:15px}.preview-header h2{font-family:var(--serif);font-size:22px;margin-top:5px}.preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.preview-card{background:#fff;border:1px solid #dedfd9;min-width:0}.preview-scene{height:147px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:12px}.preview-scene svg{max-width:100%;max-height:100%;object-fit:contain}.preview-scene.paper{background:#f6f3eb}.preview-scene.smoke{background:#e0e0da}.preview-scene.deep{background:#19242a}.preview-caption{display:flex;flex-direction:column;gap:5px;padding:12px}.preview-caption strong{font-size:11px;font-weight:600}.preview-caption span{font-size:9px;color:#92978f}.proof-panel{margin-top:22px;padding:21px;background:#fafaf7;border:1px solid var(--border)}.proof-panel .section-header h2{font-size:18px}.proof-list{display:grid;gap:8px;margin:14px 0}.proof-item{padding:12px 13px;background:#eef0eb;display:flex;gap:10px;align-items:flex-start;font-size:11px;line-height:1.5}.proof-item.warning{background:#f5eee6}.proof-marker{font-weight:700;color:#b16d50}.proof-foot{font-size:10px;color:#91978f;line-height:1.6}.inspector{padding:24px 19px;min-height:290px}.inspector-empty{padding-top:39px}.inspector-glyph{font-size:26px;color:var(--oxide)}.inspector-empty h2{font-family:var(--serif);font-size:27px;line-height:1.05;margin:25px 0 16px}.inspector-empty p{font-size:12px;line-height:1.75;color:#929a93}.inspector-rule{width:40px;height:1px;background:#b57c58;margin:22px 0}.inspector h2{font-family:var(--serif);font-size:22px;margin-bottom:8px}.inspector .inspector-sub{font-size:11px;color:#989e98;margin-bottom:17px}.inspector-group{border-top:1px solid #e3e4dd;padding-top:17px;margin-top:17px;display:grid;gap:10px}.inspector-group h3{font-size:10px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:2px}.inspector-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.inspector-label{display:grid;gap:5px;min-width:0;font-size:10px;color:#7b837e}.inspector-label input,.inspector-label select{width:100%;min-width:0;height:35px;border:1px solid #d8dbd6;background:#fff;padding:7px 9px;border-radius:2px;color:var(--ink);font-size:12px}.inspector-label input[type=color]{padding:3px}.inspector-label input[type=checkbox]{width:18px;height:18px}.inspector-label.wide{grid-column:1/-1}.inspector-label.switch-row{display:flex;align-items:center;gap:10px}.inspector-action{background:#f6f6f2;border:1px solid #d9ddd7;color:#48564f;font-size:11px;border-radius:3px;padding:10px 12px}.inspector-action.danger{color:#a15e4a}.inspector-note{font-size:10px;line-height:1.6;color:#939b94}.inspector-bottom{margin-top:auto;border-top:1px solid #e1e4db;padding:19px}.shortcuts{margin-top:15px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:13px 7px;font-size:10px;color:#949a93}.shortcuts kbd{font-family:Arial,sans-serif;font-size:9px;background:#eaece6;padding:5px 7px;color:#59625d;white-space:nowrap}.bottom-bar{min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#1e2b2d;color:#c8d0ca;padding:10px 27px;font-size:9px;letter-spacing:.07em}.bottom-bar span:last-child{color:#889793;letter-spacing:0}.footer-divider{margin:0 7px}.toast{position:fixed;z-index:100;right:20px;bottom:60px;background:#213333;color:#fff;border:1px solid #70847b;padding:13px 16px;font-size:12px;max-width:370px;box-shadow:0 8px 30px #0002}.toast.error{background:#633d35;border-color:#b37b65}dialog{border:1px solid #ced4cb;border-radius:8px;background:#fafaf8;color:var(--ink);padding:0;max-width:min(500px,calc(100vw - 30px));width:100%;box-shadow:0 25px 80px #1b302e40}dialog::backdrop{background:rgba(19,30,30,.52);backdrop-filter:blur(2px)}.dialog-heading{display:flex;align-items:start;justify-content:space-between;gap:20px;padding:29px 28px 22px}.dialog-heading h2{font-family:var(--serif);font-size:35px;margin:10px 0}.dialog-heading p:not(.eyebrow){color:#88908a;font-size:12px;line-height:1.6}.export-actions{padding:0 28px;display:grid;gap:7px}.export-actions button{border:1px solid #e2e3dc;background:#fff;text-align:left;padding:16px 15px;font-size:12px;color:#40504c;display:flex;justify-content:space-between}.export-actions button:hover{background:#e9ece6}.export-disclaimer{font-size:10px;color:#9ca39a;line-height:1.7;padding:20px 28px 25px}@media(max-width:1280px){.shell{grid-template-columns:210px minmax(300px,1fr) 235px}.topbar{gap:12px;padding:0 16px}.brand-lockup{flex-basis:195px}.main-area{padding:22px 18px 38px}.side-heading{padding:0 14px}.side-section{padding:20px 11px}.right-sidebar .inspector{padding:20px 12px}.right-sidebar .inspector-bottom{padding:16px 12px}.preview-scene{height:113px}}@media(max-width:1020px){.shell{grid-template-columns:204px minmax(320px,1fr)}.right-sidebar{grid-column:2;grid-row:2;border-left:0;border-top:1px solid var(--border)}.right-sidebar .inspector{min-height:0}.right-sidebar .inspector-bottom{display:none}.workspace-head h1{font-size:27px}.canvas-viewport{min-height:405px}.topbar #save-status{display:none}}@media(max-width:700px){.topbar{height:auto;min-height:63px;flex-wrap:wrap;gap:6px 12px;padding:10px 12px}.brand-lockup{flex:0 0 auto}.brand-lockup strong{font-size:11px}.brand-lockup small{font-size:7px}.document-title{order:3;flex:1 0 100%;padding:4px 0}.document-title input{max-width:none}.top-actions{margin-left:auto}.top-actions .quiet-btn{padding:8px 5px}.primary-btn{padding:9px 11px}.primary-btn span{margin-left:6px}.shell{display:flex;flex-direction:column}.left-sidebar{border-right:0;border-bottom:1px solid var(--border)}.left-sidebar .side-heading,.left-sidebar .layers-section,.left-sidebar .side-footer{display:none}.left-sidebar .side-section{padding:12px}.left-sidebar .section-header{display:none}.variant-selector{flex-direction:row;margin-top:0;gap:6px}.variant-option{min-height:58px;padding:7px;gap:5px;flex:1}.variant-option small{display:none}.variant-option strong{font-size:10px}.variant-symbol{width:31px;height:31px}.variant-symbol .letter-stack{font-size:15px}.letter-stack span{font-size:10px}.selection-dot{display:none}.main-area{padding:23px 12px}.workspace-head{align-items:flex-start}.workspace-head h1{font-size:25px}.workspace-head .outline-btn{padding:9px 8px;font-size:10px}.workspace-head .outline-btn span{display:none}.tool{padding:8px}.tool span{display:none}.tools-row{gap:5px}.canvas-ruler{font-size:8px;padding:10px}.canvas-viewport{min-height:325px;max-height:60vh;padding:25px 12px;justify-content:flex-start}.canvas-status{flex-wrap:wrap}.preview-grid{gap:6px}.preview-scene{height:89px;padding:5px}.preview-caption{padding:8px 6px}.preview-caption span{font-size:8px}.right-sidebar{border-top:1px solid var(--border)}.right-sidebar .side-heading{height:40px}.right-sidebar .inspector{padding:15px 12px;min-height:150px}.inspector-empty{padding-top:0}.inspector-empty h2{font-size:22px;margin:10px 0}.bottom-bar{padding:11px 12px}.bottom-bar>span:last-child{display:none}}@media(prefers-reduced-motion:no-preference){button{transition:background-color .14s,border-color .14s,opacity .14s}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}

.proof-scale-label{font-size:10px;color:#88948b;letter-spacing:.045em;margin:14px 0 8px}.proof-size-grid{display:flex;align-items:flex-end;gap:12px;overflow-x:auto;padding:12px 4px 20px}.proof-size{display:flex;align-items:center;flex-direction:column;gap:7px;flex:none}.proof-size .proof-mark{display:flex;align-items:center;justify-content:center;border:1px solid #cbd1ca;background:#fff;overflow:hidden}.proof-size .proof-mark svg{width:100%;height:100%;display:block}.proof-size small{font-size:9px;color:#768078}
