@font-face{font-family:Noto Sans;src:url(/fonts/NotoSans-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans;src:url(/fonts/NotoSans-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--navy:#112d3c;--teal:#087f74;--mint:#e7f5f0;--text:#243d49;--muted:#798890;--border:#e5eae8;--background:#f7f9f8;--white:#fff}*{box-sizing:border-box}body{color:var(--text);background:var(--background);-webkit-font-smoothing:antialiased;margin:0;font-family:Noto Sans,sans-serif;font-size:13px}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #24b8a6}input,textarea{width:100%;color:var(--text);background:#fff;border:1px solid #dce4e1;border-radius:7px;outline:none;padding:12px 13px;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus{border-color:#21a394;box-shadow:0 0 0 3px #1aa68f12}input::placeholder,textarea::placeholder{color:#9aa6aa;font-size:12px}textarea{resize:vertical;line-height:1.7}label{margin:20px 0 8px;font-size:12px;font-weight:700;display:block}label input,label textarea{margin-top:9px;font-weight:400}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-1.15px;font-weight:700}h2{letter-spacing:-.3px;font-size:15px}p{color:var(--muted);line-height:1.8}small{font-size:11px}.button{background:#fff;border:1px solid #dce5e1;border-radius:7px;justify-content:center;align-items:center;gap:9px;min-height:41px;padding:10px 15px;font-size:12px;font-weight:700;transition:background .15s,transform .15s;display:inline-flex}.button:hover{background:#f0f5f2}.button.primary{background:var(--teal);color:#fff;border-color:var(--teal);box-shadow:0 3px 5px #087f7412}.button.primary:hover{background:#066b62}.full{width:100%}.button.full{margin-top:22px}.row{align-items:center;gap:10px;display:flex}.between{justify-content:space-between}.icon-button{background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.icon-button:hover{background:var(--mint)}.brand{letter-spacing:-.9px;white-space:nowrap;align-items:center;font-size:20px;font-weight:700;display:flex}.brand-icon{background:var(--navy);color:#fff;border-radius:9px;justify-content:center;align-items:center;width:35px;height:35px;margin-right:10px;display:flex}.muted-brand{font-weight:400}.brand-dot{background:#11ab94;border-radius:50%;width:5px;height:5px;margin:8px 0 0 3px}.eyebrow{letter-spacing:2px;color:var(--teal);margin-bottom:12px;font-size:9px;font-weight:700;display:block}.soft-icon{background:var(--mint);width:52px;height:52px;color:var(--teal);border-radius:12px;justify-content:center;align-items:center;display:flex}.soft-icon.small{border-radius:9px;flex-shrink:0;width:38px;height:38px}.studio{min-height:100vh}.sidebar{border-right:1px solid var(--border);z-index:10;background:#fff;flex-direction:column;width:240px;padding:32px 22px;display:flex;position:fixed;inset:0 auto 0 0}.workspace-label{letter-spacing:1.8px;color:#9aa6a9;margin:54px 15px 14px;font-size:9px;font-weight:700}.nav-item{color:#76848b;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:12px;width:100%;margin-bottom:7px;padding:13px 14px;font-size:12px;display:flex}.nav-item:hover{background:#f7f9f8}.nav-item.active{color:#087c69;background:#e9f5ef;font-weight:700}.nav-active-dot{background:#159479;border-radius:50%;width:5px;height:5px;margin-left:auto}.nav-count{background:#eff2f1;border-radius:4px;margin-left:auto;padding:1px 6px;font-size:10px}.sidebar-bottom{margin-top:auto;padding-top:50px}.local-card{color:#588273;background:linear-gradient(130deg,#f8fbf9,#eff6f1);border:1px solid #e3ece7;border-radius:9px;padding:18px 14px}.local-card>svg{margin-bottom:10px}.local-card strong{color:#3d6152;font-size:11px;display:block}.local-card p{color:#7b9087;margin:7px 0 12px;font-size:10px;line-height:1.8}.local-card button{color:#347961;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:10px;font-weight:700;display:flex}.logout{color:#7b878b;background:0 0;border:0;align-items:center;gap:10px;margin:24px 12px;font-size:11px;display:flex}.sidebar-version{border-top:1px solid var(--border);color:#9da8ad;letter-spacing:1px;justify-content:space-between;padding:20px 8px 0;font-size:8px;display:flex}.main-area{flex-direction:column;min-height:100vh;margin-left:240px;display:flex}.topbar{border-bottom:1px solid var(--border);background:#fff9;justify-content:space-between;align-items:center;height:74px;padding:0 40px;display:flex}.breadcrumb{color:#8c989e;gap:15px;font-size:11px;display:flex}.breadcrumb strong{color:#536871;font-weight:400}.private-badge{color:#6e7f75;background:#fff;border:1px solid #e3e9e5;border-radius:20px;align-items:center;gap:7px;padding:6px 10px;font-size:9px;display:flex}.private-badge>span{background:#59a482;border-radius:50%;width:5px;height:5px}.workspace{flex:1;width:100%;max-width:1600px;margin:0 auto;padding:24px 40px 25px}.steps{border-bottom:1px solid var(--border);align-items:center;gap:18px;margin-bottom:27px;padding:0 0 25px;font-size:10px;display:flex}.steps>div{white-space:nowrap;align-items:center;gap:10px;display:flex}.step-number{color:#087a65;background:#e6f4ed;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:9px;font-weight:700;display:flex}.step-number.quiet{color:#8c9992;background:#eef1ef}.steps>div>span:last-child{color:#89948f}.step-line{background:#d8e2dd;width:45px;height:1px}.editor-layout{grid-template-columns:minmax(270px,325px) minmax(0,1fr);align-items:start;gap:28px;display:grid}.card{border:1px solid var(--border);background:#fff;border-radius:10px;box-shadow:0 2px 3px #112d3c02}.form-card{padding:23px}.card-heading{align-items:center;gap:12px;margin-bottom:28px;display:flex}.card-heading h2{margin:0 0 5px;font-size:14px}.card-heading p{margin:0;font-size:10px}.required{color:#168f79}.input-icon{position:relative}.input-icon>svg{color:#99a7ab;pointer-events:none;position:absolute;top:14px;left:12px}.input-icon>input,.input-icon>textarea{padding-left:38px}.field-hint{color:#92a09e;margin-top:8px;font-size:10px;font-weight:400;line-height:1.8;display:block}.form-card label{font-size:10px}.form-divider{background:var(--border);height:1px;margin:23px 0 18px}.info-note{align-items:flex-start;gap:8px;font-size:10px;display:flex}.info-note>span{color:#7f9289;border:1px solid #9aada5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:12px;height:12px;margin-top:3px;font-size:8px;display:flex}.info-note p{margin:0;font-size:10px;line-height:1.7}.info-note button{color:#238b72;font-size:inherit;text-underline-offset:2px;background:0 0;border:0;padding:0;text-decoration:underline}.form-card .button.primary{gap:8px;min-height:44px;font-size:11px}.form-card .button.primary>svg:last-child{margin-left:auto}.reset-button{color:#8b9895;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;width:100%;margin-top:17px;font-size:10px;display:flex}.preview-heading{justify-content:space-between;align-items:center;gap:10px;margin:0 0 16px;display:flex}.preview-heading h2{margin:0;font-size:12px}.preview-heading>.row>svg{color:#87958f}.live-badge{letter-spacing:.7px;color:#299a78;background:#e8f5ec;border-radius:4px;align-items:center;gap:4px;padding:4px 6px;font-size:7px;display:inline-flex}.live-badge>span,.green-dot{background:#43ab80;border-radius:50%;width:4px;height:4px;display:inline-block}.paper-badge{color:#8b9791;white-space:nowrap;background:#fff;border:1px solid #e0e6e2;border-radius:4px;padding:5px 9px;font-size:9px}.preview-stage{background-color:#edf1ee;background-image:radial-gradient(#cdd9d1 .6px,#0000 .6px);background-size:10px 10px;border:1px solid #e0e7e2;border-radius:8px;padding:25px}.paper{aspect-ratio:297/210;background:#fff;width:100%;overflow:hidden;box-shadow:0 6px 18px #1e49321c}.paper svg{width:100%;height:100%;display:block}.paper>p{color:#b63737;padding:20px}.preview-footer{color:#91a098;justify-content:space-between;align-items:center;gap:10px;padding:15px 0;font-size:8px;display:flex}.preview-footer>span{align-items:center;gap:5px;display:flex}.divider-dot{padding:0 3px}.settings-toolbar{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.saved,.unsaved{color:#789485;align-items:center;gap:7px;font-size:10px;display:flex}.saved>span,.unsaved>span{background:#459877;border-radius:50%;width:5px;height:5px}.unsaved{color:#ab7e31}.unsaved>span{background:#bb9437}.settings-layout{grid-template-columns:1fr 1fr;align-items:start;gap:25px;display:grid}.settings-fields{gap:20px;display:grid}.settings-card{padding:23px}.section-heading{color:#3d7160;align-items:center;gap:10px;margin-bottom:20px;display:flex}.section-heading h2{color:var(--text);margin:0;font-size:13px}.settings-card label{font-size:10px}.settings-preview{position:sticky;top:25px}.settings-preview .preview-stage{padding:16px}.storage-settings{margin-top:25px}.storage-settings p{margin-bottom:18px;font-size:11px}.logo-setting{align-items:center;gap:17px;margin:15px 0 25px;display:flex}.logo-setting>img,.logo-placeholder{object-fit:contain;border:1px solid var(--border);background:#f8faf8;border-radius:7px;width:76px;height:76px}.logo-placeholder{color:#7a9990;justify-content:center;align-items:center;display:flex}.logo-setting small{color:#92a098;margin-top:7px;font-size:9px;display:block}.text-button{background:0 0;border:0;margin-top:8px;padding:0;font-size:10px}.danger{color:#b56060}.danger-button{color:#fff;background:#b34141;border:0}.danger-button:hover{background:#983737}.optional{color:#96a49d;margin-left:7px;font-size:9px;font-weight:400}.signer-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.subheading{letter-spacing:1px;color:#85998d;font-size:8px}.signer-grid+.info-note{margin-top:18px}.color-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.color-grid label{margin-top:0}.color-field{border:1px solid var(--border);background:#f9faf9;border-radius:6px;align-items:center;gap:7px;margin-top:10px;padding:7px;display:flex}.color-field input{cursor:pointer;background:0 0;border:0;width:24px;height:24px;margin:0;padding:0}.color-field span{color:#7b8e82;font-size:9px;font-weight:400}.archive-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;padding:25px;display:flex}.archive-toolbar h2{margin-bottom:6px;font-size:14px}.archive-toolbar p{margin:0;font-size:10px}.archive-toolbar .input-icon{width:285px}.count-badge{color:#55876c;background:#eef5ef;border-radius:4px;margin-left:5px;padding:2px 6px;font-size:10px}.empty-state{text-align:center;padding:65px 20px}.empty-state>.soft-icon{margin:0 auto 20px}.empty-state h3{margin-bottom:8px;font-size:16px}.empty-state p{font-size:12px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:11px}th{text-align:left;letter-spacing:1px;color:#90a096;background:#fafcfb;font-size:8px;font-weight:400}td,th{border-bottom:1px solid #edf1ee;padding:18px 24px}td strong{margin-bottom:5px;font-size:12px;display:block}td small{color:#92a096;font-size:10px;display:block}td.mono{color:#7c9386;font-size:9px}.toast{color:#29744c;background:#eaf7ef;border:1px solid #c8e7d6;border-radius:7px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:12px;display:flex}.error{color:#aa3c3c;background:#fff0f0;border:1px solid #f2dada;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;margin:15px 0;padding:12px;font-size:12px;line-height:1.8;display:flex}.error button{color:inherit;background:0 0;border:0;align-items:center;display:flex}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0e242b80;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:13px;width:100%;max-width:470px;max-height:92vh;padding:27px;overflow:auto;box-shadow:0 20px 70px #0003}.modal h2{margin:0}.modal p{margin-top:14px;font-size:12px}.modal.wide{max-width:1000px}.modal.wide .paper{margin:24px 0}.crop-canvas{border:1px solid #d5dfd8;width:240px;max-width:100%;margin:20px auto;display:block}.modal label input[type=range]{accent-color:var(--teal);padding:0;display:block}.modal label>svg{vertical-align:middle;margin-right:5px}.loading-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:650px;min-height:100vh;margin:auto;padding:40px;display:flex}.loading-page>svg{color:var(--teal);margin-bottom:20px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-page{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-story{background:var(--navy);color:#fff;flex-direction:column;padding:40px 55px;display:flex;position:relative;overflow:hidden}.login-story:after{content:"";pointer-events:none;border:1px solid #24515a;border-radius:50%;width:500px;height:500px;position:absolute;bottom:-250px;left:-290px}.login-story .brand-icon{color:#69d4bc;background:#234552}.login-story-content{width:100%;max-width:430px;margin:75px auto 60px}.eyebrow.light{color:#63bba4;font-size:9px}.login-story h1{letter-spacing:-2px;margin:22px 0;font-size:49px;line-height:1.2}.login-story h1 em{color:#69cfb1;font-style:normal}.login-story p{color:#99b1b8;max-width:300px;font-size:12px;line-height:1.9}.login-story>small{letter-spacing:1.5px;color:#739399;margin-top:auto;font-size:8px}.mini-cert{color:var(--navy);aspect-ratio:297/190;text-align:center;background:#fbfdfb;border-left:7px solid #18a28f;border-radius:2px;max-width:360px;margin:38px 15px 0 0;padding:28px 35px 20px;position:relative;transform:rotate(-5deg);box-shadow:0 12px 25px #0003}.mini-cert-line{background:#112d3c;height:3px;position:absolute;top:0;left:0;right:0}.mini-cert small{letter-spacing:1px;text-align:left;font-size:6px;font-weight:700;display:block}.mini-cert h3{letter-spacing:1px;margin:20px 0 0;font-size:25px}.mini-cert>span{letter-spacing:2px;color:var(--teal);font-size:6px}.mini-cert h4{margin:20px 0;font-size:18px}.mini-signs{justify-content:space-between;margin:25px 20px 0;display:flex}.mini-signs span{border-top:1px solid #cbd9d5;width:65px}.login-form-wrap{background:#fafcfb;flex-direction:column;justify-content:center;padding:60px;display:flex;position:relative}.login-form{width:100%;max-width:355px;margin:auto}.login-form>.soft-icon{margin-bottom:28px}.login-form>.eyebrow{font-size:9px}.login-form h2{letter-spacing:-.9px;margin-bottom:12px;font-size:25px;line-height:1.4}.login-form p{margin-bottom:30px;font-size:12px}.login-form label{font-size:11px}.password-input{position:relative}.password-input input{padding-right:45px;font-size:13px}.password-input button{color:#97a7a1;background:0 0;border:0;padding:6px;display:flex;position:absolute;top:8px;right:8px}.login-form .button{justify-content:space-between;min-height:46px;margin-top:20px}.login-security{color:#8ba293;justify-content:center;align-items:center;gap:7px;margin-top:25px;font-size:9px;display:flex}.login-footer{text-align:center;color:#a2afa7;font-size:9px;position:absolute;bottom:26px;left:0;right:0}@media (min-width:1500px){.editor-layout{grid-template-columns:350px minmax(0,1fr)}.preview-stage{padding:35px}.form-card{padding:28px}.preview-panel{padding-top:3px}}@media (max-width:1200px){.sidebar{width:210px;padding:28px 16px}.main-area{margin-left:210px}.workspace{padding:30px 25px}.topbar{padding:0 25px}.editor-layout{grid-template-columns:280px minmax(0,1fr);gap:20px}.preview-stage{padding:17px}.preview-footer{flex-direction:column;align-items:flex-start}.settings-layout{grid-template-columns:1fr 1fr;gap:20px}.color-grid{grid-template-columns:1fr}.color-field{max-width:150px}.login-story{padding:35px}.login-form-wrap{padding:45px}.login-story h1{font-size:44px}}@media (max-width:1000px){.editor-layout{grid-template-columns:1fr}.preview-panel{grid-row:1}.preview-footer{flex-direction:row}.form-card form{max-width:100%}.sidebar{width:205px}.main-area{margin-left:205px}.settings-layout{grid-template-columns:1fr}.settings-preview{grid-row:1;position:static}.settings-preview .preview-stage{max-width:100%}.color-grid{grid-template-columns:repeat(3,1fr)}.login-story h1{font-size:38px}.login-story-content{margin-top:80px}.login-story{padding:30px}.login-form-wrap{padding:35px}.login-form h2{font-size:23px}.archive-toolbar{flex-direction:column;align-items:flex-start}.archive-toolbar .input-icon{width:100%}}@media (max-width:700px){.sidebar{border-right:0;border-bottom:1px solid var(--border);width:100%;height:auto;padding:17px 20px;position:static}.sidebar .brand{font-size:20px}.workspace-label,.sidebar-bottom{display:none}.sidebar nav{gap:5px;margin-top:18px;display:flex}.nav-item{justify-content:center;gap:7px;margin:0;padding:11px 7px;font-size:10px}.nav-item svg{width:16px}.nav-active-dot,.nav-count{display:none}.main-area{margin-left:0}.topbar{height:48px;padding:0 20px}.breadcrumb{gap:9px;font-size:9px}.private-badge{padding:4px 8px;font-size:8px}.workspace{padding:27px 20px}.steps{gap:9px;padding-bottom:20px}.steps>div{gap:6px;font-size:8px}.step-line{width:15px}.step-number{width:22px;height:22px;font-size:8px}.preview-stage{padding:13px}.preview-heading h2{font-size:11px}.preview-heading .row{gap:7px}.paper-badge{padding:4px 6px;font-size:8px}.preview-footer{font-size:7px}.form-card{padding:22px}.form-card label{font-size:11px}.form-card .button.primary{font-size:12px}.form-card input,.form-card textarea{font-size:14px}.settings-card{padding:20px}.signer-grid{grid-template-columns:1fr;gap:20px}.color-grid{gap:8px}.color-field{gap:5px;padding:6px}.color-field span{font-size:8px}.color-field input{width:20px}.settings-toolbar .button{font-size:10px}.saved,.unsaved{font-size:9px}.login-page{grid-template-columns:1fr}.login-story{background:#112d3c;padding:25px}.login-story-content,.login-story>small{display:none}.login-form-wrap{min-height:calc(100vh - 85px);padding:50px 25px 80px}.login-form{max-width:390px}.login-form h2{font-size:27px}.login-footer{font-size:8px}.modal-backdrop{padding:15px}.modal{padding:22px}.archive-toolbar{padding:20px}.empty-state{padding:45px 20px}.empty-state h3,.modal h2{font-size:14px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.mobile-logout{display:none}@media (max-width:700px){.mobile-logout{display:inline-flex}.topbar .private-badge{margin-left:auto;margin-right:8px}}.sidebar .brand{letter-spacing:-.7px;font-size:17px}.sidebar .brand-icon{width:32px;height:32px;margin-right:8px}@font-face{font-family:Noto Serif;src:url(/fonts/NotoSerif-Regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Noto Serif;src:url(/fonts/NotoSerif-Bold.ttf)format("truetype");font-weight:700;font-display:swap}@font-face{font-family:Allura;src:url(/fonts/Allura-Regular.ttf)format("truetype");font-weight:400;font-display:swap}select{font:inherit;color:var(--text);background:#fff;border:1px solid #dce4e1;border-radius:7px;outline:none;max-width:100%;padding:10px 12px}select:focus-visible{outline-offset:2px;outline:3px solid #24b8a6}label select{width:100%;margin-top:9px;font-weight:400;display:block}.portrait-paper{max-width:440px;margin:0 auto}.preview-stage:has(.portrait-paper){padding:22px}.current-design{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.current-design>button{color:var(--teal);background:0 0;border:0;align-items:center;gap:7px;padding:0;font-size:10px;display:flex}.current-design label{color:var(--muted);align-items:center;gap:8px;margin:0;font-size:9px;font-weight:400;display:flex}.current-design select{width:auto;margin:0;padding:6px;font-size:10px}.gallery-toolbar{border:1px solid var(--border);background:#fff;border-radius:9px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;padding:20px 23px;display:flex}.gallery-toolbar strong{font-size:14px}.gallery-toolbar p{margin:6px 0 0;font-size:10px}.orientation-toggle{border:1px solid var(--border);border-radius:7px;flex-shrink:0;gap:4px;padding:4px;display:flex}.orientation-toggle button{color:var(--muted);background:0 0;border:0;border-radius:5px;align-items:center;gap:6px;padding:9px 12px;font-size:10px;display:flex}.orientation-toggle button[aria-pressed=true]{background:var(--mint);color:var(--teal);font-weight:700}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.design-card{border:1px solid var(--border);background:#fff;border-radius:11px;overflow:hidden}.design-card.selected-design{border-color:#5cae98;box-shadow:0 0 0 2px #128d7012}.design-thumb{background:#e9eeeb;padding:25px;position:relative}.design-thumb .paper{box-shadow:0 5px 12px #12352825}.design-thumb .portrait-paper{max-width:235px}.design-number{letter-spacing:1px;color:#6d8979;background:#fff9;border-radius:4px;padding:3px 6px;font-size:8px;position:absolute;top:10px;left:11px}.design-card-content{padding:20px}.design-card-content .eyebrow{letter-spacing:1.5px;margin:0;font-size:8px}.vector-label{letter-spacing:1px;color:#7a9b87;border:1px solid #e1e9e4;border-radius:3px;padding:3px 5px;font-size:7px}.design-card h2{margin:12px 0 8px;font-size:19px}.design-card p{min-height:36px;margin-bottom:0;font-size:10px}.design-card .button.full{margin-top:18px}.gallery-note{margin:25px 0 0;font-size:10px}.design-settings-actions{flex-wrap:wrap;margin-top:20px}.design-settings-actions .text-button{color:var(--teal);align-items:center;gap:4px;margin:0;display:flex}@media (min-width:1600px){.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:700px){.sidebar nav{grid-template-columns:1fr 1fr;gap:6px;display:grid}.nav-item{justify-content:flex-start;padding:10px 13px}.gallery-toolbar{flex-direction:column;align-items:flex-start;padding:18px}.gallery-grid{grid-template-columns:1fr;gap:20px}.design-thumb{padding:20px}.current-design label{font-size:8px}.preview-stage:has(.portrait-paper){padding:15px}.design-card-content{padding:18px}}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.archive-toolbar>.button{flex-shrink:0}.number-preview{background:var(--mint);border:1px solid #d3e8df;border-radius:7px;margin-top:17px;padding:13px 14px}.number-preview>span{color:#5c8272;margin-bottom:7px;font-size:9px;display:block}.number-preview output{overflow-wrap:anywhere;color:var(--teal);font-size:12px;font-weight:700;display:block}.checkbox-label{align-items:center;gap:9px;line-height:1.7;display:flex}.checkbox-label input{width:15px;height:15px;accent-color:var(--teal);flex-shrink:0;margin:0}input[type=date]:disabled{color:#82988b;background:#f4f7f5}.field-hint code{color:#527c68;font-size:10px}.mobile-header{display:none}@media (max-width:700px){.studio>.sidebar,.main-area>.topbar{display:none}.mobile-header{z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#ffffffed;display:block;position:sticky;top:0}.mobile-header-inner{justify-content:space-between;align-items:center;gap:14px;min-height:70px;padding:12px 16px 12px 20px;display:flex}.mobile-company{align-items:center;gap:10px;min-width:0;display:flex}.mobile-company>img,.mobile-company-icon{object-fit:contain;border:1px solid var(--border);background:#fff;border-radius:9px;flex-shrink:0;width:36px;height:36px}.mobile-company-icon{background:var(--navy);border-color:var(--navy);color:#fff;justify-content:center;align-items:center;display:flex}.mobile-company>div{min-width:0}.mobile-company strong{-webkit-line-clamp:2;overflow-wrap:anywhere;letter-spacing:-.15px;-webkit-box-orient:vertical;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.mobile-company>div>span{color:#8a9a93;margin-top:2px;font-size:9px;line-height:1.5;display:block}.mobile-menu-toggle{width:44px;height:44px;color:var(--navy);background:#f4f8f6;border:1px solid #e4ede7;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;transition:background .14s,border-color .14s;display:flex}.mobile-menu-toggle.is-open{color:var(--teal);background:#e8f5ef;border-color:#cfe5d9}.hamburger{width:18px;height:15px;display:block;position:relative}.hamburger>span{transform-origin:50%;background:currentColor;border-radius:2px;width:18px;height:1.7px;transition:transform .16s cubic-bezier(.2,.8,.2,1),opacity .12s;position:absolute;left:0}.hamburger>span:first-child{top:1px}.hamburger>span:nth-child(2){top:6.5px}.hamburger>span:nth-child(3){top:12px}.is-open .hamburger>span:first-child{transform:translateY(5.5px)rotate(45deg)}.is-open .hamburger>span:nth-child(2){opacity:0;transform:scaleX(.3)}.is-open .hamburger>span:nth-child(3){transform:translateY(-5.5px)rotate(-45deg)}.mobile-menu{overscroll-behavior:contain;opacity:0;visibility:hidden;transform-origin:100% 0;pointer-events:none;background:#fff;border:1px solid #e2ebe5;border-radius:15px;max-height:calc(100dvh - 96px);padding:7px;transition:opacity .16s,transform .16s cubic-bezier(.2,.8,.2,1),visibility 0s linear .16s;position:absolute;top:calc(100% + 8px);left:14px;right:14px;overflow:auto;transform:translateY(-6px)scale(.985);box-shadow:0 14px 35px #143a2524,0 2px 6px #143a2508}.mobile-menu.is-open{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:translateY(0)scale(1)}.mobile-menu-links{gap:3px;display:grid}.mobile-menu-links>button{text-align:left;color:#5c7368;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;width:100%;min-height:48px;padding:9px 10px;font-size:12px;font-weight:400;transition:background .12s,color .12s;display:flex}.mobile-menu-links>button:hover{background:#f5f9f6}.mobile-menu-links>button[aria-current=page]{color:var(--teal);background:#e9f5ee;font-weight:700}.mobile-item-icon{background:#f2f6f3;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.mobile-menu-links>button[aria-current=page] .mobile-item-icon{background:#dcefe3}.mobile-archive-count{background:#f0f5f2;border-radius:5px;margin-left:auto;padding:2px 7px;font-size:10px}.mobile-active-check{margin-left:auto}.mobile-archive-count+.mobile-active-check{margin-left:0}.mobile-menu-actions{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:4px;margin-top:7px;padding-top:7px;display:grid}.mobile-menu-actions>button{color:#7c8e84;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:43px;font-size:10px;display:flex}.mobile-menu-actions>button:hover{background:#f5f8f6}.mobile-menu-actions>button:last-child{color:#9a6262}}@media (prefers-reduced-motion:reduce){.mobile-menu,.hamburger>span,.mobile-menu-toggle{transition:none!important}}