@import url('/static/fonts.css');
:root{--ink:#24252b;--muted:#85858e;--soft:#f7f7f9;--line:#e8e8ec;--accent:#5262da;--accent-light:#eef0ff;--green:#279578;--radius:14px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);font-size:14px;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--soft)}[hidden]{display:none!important}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:0}button:disabled{cursor:default;opacity:.35}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #9aa8ff;outline-offset:3px}input:focus,select:focus,textarea:focus{outline:3px solid #5262da22;border-color:#8792e4}button,select,a{touch-action:manipulation}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,p{margin:0}h1,h2{font-weight:550;letter-spacing:-1.6px}button{transition:background .15s,box-shadow .15s,transform .15s}button:active:not(:disabled){transform:translateY(1px)}.eyebrow{font-size:11px;letter-spacing:1.6px;font-weight:650;color:var(--muted)}.wordmark{font-size:25px;font-weight:650;letter-spacing:-1.5px;display:flex;align-items:center;gap:10px;white-space:nowrap}.wordmark-dot{color:var(--accent);margin-left:-10px}.brand-icon{width:33px;height:33px;background:var(--ink);border-radius:10px;color:white;display:grid;place-items:center}.brand-icon svg{width:21px;height:21px}.primary,.secondary,.quiet-button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:42px;border-radius:10px;font-size:13px;font-weight:550;padding:0 16px}.primary{background:var(--ink);color:white;box-shadow:0 2px 3px #24252b12}.primary:hover:not(:disabled){background:#3b3d46;box-shadow:0 4px 14px #24252b1a}.primary svg{width:17px}.secondary{background:white;border:1px solid var(--line)}.secondary:hover{background:#f3f3f6}.quiet-button{background:none;color:#666773;min-height:36px}.quiet-button:hover{background:#f0f0f4}.quiet-button svg{width:17px}.icon-button{background:transparent;border-radius:8px;display:inline-flex;justify-content:center;align-items:center;width:32px;height:32px;color:#777881}.icon-button:hover{background:#ececf1;color:var(--ink)}.icon-button svg{width:17px;height:17px}input,select,textarea{width:100%;background:#fff;border:1px solid #dedee5;border-radius:9px;padding:11px 12px;color:var(--ink)}input::placeholder,textarea::placeholder{color:#a2a2ac}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%2385858e'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px}label{font-size:12px;font-weight:550;display:block;margin-bottom:9px}kbd{font:10px inherit;letter-spacing:.1px;padding:3px 5px;border:1px solid #ddddE4;border-radius:5px;color:#888894}.boot{height:100vh;display:flex;justify-content:center;align-items:center;gap:14px;color:var(--muted)}.spinner{display:inline-block;width:21px;height:21px;border:2px solid #c6c8da;border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:white;border-bottom:1px solid var(--line);gap:20px}.main-nav{display:flex;align-items:center;gap:5px;padding:4px;background:#f5f5f7;border-radius:11px}.nav-tab{background:none;padding:9px 18px;border-radius:8px;font-size:12px;font-weight:550;color:#93939d;display:flex;align-items:center;gap:7px}.nav-tab.active{background:white;color:var(--ink);box-shadow:0 1px 5px #0000000b}.count{font-size:11px;background:#e8e8ee;border-radius:4px;padding:2px 5px}.top-actions{display:flex;align-items:center;gap:14px}.account-button{display:flex;align-items:center;gap:9px;background:none;padding:0;color:#6d6d77;font-size:12px}.account-button>span:first-child{width:30px;height:30px;display:grid;place-items:center;border:1px solid #e5e5ec;background:#f1f1f7;color:#62647a;font-size:12px;font-weight:600;border-radius:50%}.account-button svg{width:15px;margin-left:5px}.workspace{display:grid;grid-template-columns:225px minmax(320px,1fr) 285px;height:calc(100dvh - 76px);min-height:650px}.page-sidebar{padding:26px 18px 14px;background:#fbfbfc;border-right:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden}.section-heading{display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:1.2px;font-weight:650;color:#9b9ba5;min-height:23px}.section-heading svg{width:15px;height:15px}.document-label{display:flex;gap:10px;align-items:center;padding:18px 0 23px;min-width:0}.file-icon{width:34px;height:40px;border:1px solid #e5e5ec;background:white;border-radius:7px;display:grid;place-items:center;color:#9697a7;flex-shrink:0}.document-label>div:last-child{min-width:0}.document-label strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:550;max-width:145px}.document-label span{display:block;font-size:11px;color:var(--muted);margin-top:5px}.page-list-label{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:19px;font-size:10px;letter-spacing:1.2px;color:#a0a0a9}.thumbnails{overflow:auto;flex:1;padding:18px 5px 10px;scrollbar-width:thin}.sidebar-empty{text-align:center;padding-top:70px;color:#b4b4bd}.sidebar-empty svg{width:34px;height:34px;stroke-width:1}.sidebar-empty p{font-size:12px;line-height:1.7;margin-top:14px}.thumb{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 12px 9px;margin:0 8px 15px;border:1.5px solid transparent;border-radius:9px;cursor:grab;transition:background .15s,border-color .15s}.thumb:hover{background:#f0f0f5}.thumb.active{background:#eeeffa;border-color:#8893e1}.thumb.drag-over{border-color:var(--accent);background:#e0e4ff}.thumb img{display:block;max-width:110px;max-height:145px;box-shadow:0 2px 8px #22232915;background:white;min-height:45px}.thumb span{font-size:11px;color:#8a8b99}.thumb.active span{color:var(--accent);font-weight:650}.sidebar-bottom{padding-top:12px;border-top:1px solid var(--line)}.sidebar-bottom .quiet-button{width:100%;justify-content:flex-start;font-size:12px;padding-left:5px}.sidebar-bottom>span{font-size:10px;color:#aaaab3;display:block;text-align:center;padding-top:9px}.editor{display:flex;flex-direction:column;min-width:0;overflow:hidden;background:#f4f4f7}.editor-header{display:flex;align-items:center;justify-content:space-between;padding:26px 30px 20px;gap:10px}.editor-header h1{font-size:25px;margin-top:7px;letter-spacing:-.9px;max-width:38vw;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.save-state{display:flex;align-items:center;gap:6px;font-size:11px;color:#9999a4;white-space:nowrap}.tiny-dot{width:5px;height:5px;border-radius:50%;background:#90aa9e}.toolbar{margin:0 24px 13px;padding:7px 8px;display:flex;align-items:center;justify-content:space-between;gap:3px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 3px 8px #20212b03;min-height:48px}.tool-group{display:flex;align-items:center;gap:2px}.tool-group+.tool-group{border-left:1px solid var(--line);padding-left:7px}.tool{height:32px;min-width:32px;display:flex;align-items:center;justify-content:center;gap:7px;background:transparent;border-radius:7px;color:#84848f;font-size:12px;padding:0 9px}.tool svg{width:17px;height:17px}.tool:hover{background:#f3f3f7}.tool.active{background:var(--accent-light);color:var(--accent)}.zoom-group{display:flex;align-items:center;border-left:1px solid var(--line);padding-left:5px;gap:0}.zoom-group .icon-button{width:26px}.zoom-value{min-width:32px;padding:3px;font-size:11px;color:#8a8a95;background:none}.canvas-area{flex:1;min-height:0;overflow:auto;position:relative;padding:16px 34px 36px;scrollbar-width:thin;display:flex;align-items:flex-start;justify-content:center}.empty-state{align-self:center;text-align:center;max-width:420px;padding:20px 0}.upload-illustration{position:relative;width:115px;height:115px;margin:0 auto 32px}.mini-page{position:absolute;width:65px;height:84px;background:white;border:1px solid #d9dce9;border-radius:8px;box-shadow:0 5px 14px #3a40530b}.mini-page.one{left:19px;top:9px;transform:rotate(-13deg)}.mini-page.two{left:35px;top:16px;transform:rotate(8deg);background:linear-gradient(#fdfdff,#fff)}.mini-page.two:before,.mini-page.two:after{content:'';position:absolute;height:2px;background:#dbdfef;left:13px;right:13px;top:25px}.mini-page.two:after{top:33px;right:23px}.upload-glyph{width:38px;height:38px;border:4px solid #f4f4f7;border-radius:50%;position:absolute;bottom:0;right:0;background:var(--accent);color:#fff;display:grid;place-items:center}.upload-glyph svg{width:17px}.empty-state h2{font-size:35px;letter-spacing:-1.3px;line-height:1.16;margin-top:14px;font-weight:550}.empty-state p{font-size:12px;line-height:1.8;color:#9797a2;margin:17px 0 24px}.empty-state .primary{display:inline-flex;background:var(--accent);min-width:156px}.empty-state .primary:hover{background:#4353c9}.file-limits{display:block;margin-top:13px;font-size:10px;color:#b0b0ba}.empty-features{display:flex;gap:25px;border-top:1px solid #e4e4ed;margin-top:35px;padding-top:19px;justify-content:center}.empty-features span{font-size:10px;color:#999aa7;display:flex;align-items:center;gap:5px}.empty-features svg{width:13px;height:13px}.page-holder{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:100%;position:relative}.page-stage{position:relative;background:white;box-shadow:0 8px 25px #252b4214,0 1px 3px #252b420a;line-height:0;user-select:none;touch-action:pan-y}.page-stage.drawing{cursor:crosshair;touch-action:none}.page-stage img{display:block;width:100%;height:auto;pointer-events:none}.selection{position:absolute;border:1.5px solid #677be3;background:#7189ff19;pointer-events:none;outline:1px solid #fff8;box-shadow:0 0 0 9999px #23283b10}.selection span{position:absolute;right:-4px;bottom:-4px;width:7px;height:7px;background:white;border:1px solid var(--accent)}.selection-actions{position:sticky;bottom:8px;background:white;border:1px solid var(--line);box-shadow:0 5px 20px #21253918;border-radius:11px;display:flex;align-items:center;padding:7px 8px 7px 14px;gap:7px;margin-top:16px;z-index:2}.selection-actions>span{font-size:12px;color:#858591;margin-right:10px}.small-button{border-radius:6px;padding:8px 11px;background:#f4f4f7;color:#82828e;font-size:12px}.small-button.dark{background:var(--ink);color:white}.page-footer{height:47px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 26px;border-top:1px solid #e8e8ef;font-size:10px;color:#a1a1ad;flex-shrink:0}.page-controls{display:flex;align-items:center;gap:12px;color:#7e7e8a;font-size:11px}.page-controls .icon-button{width:22px}.page-controls svg{width:13px}.page-controls span{min-width:40px;text-align:center}.page-actions{display:flex;align-items:center;gap:6px;position:sticky;bottom:8px;margin:20px 0 0;background:#fff;border:1px solid var(--line);border-radius:10px;padding:4px 7px;box-shadow:0 2px 8px #24252b09}.page-actions .icon-button{width:29px}.page-actions span{width:1px;height:17px;background:var(--line);margin:0 3px}.page-actions button.danger:hover{color:#c74a50;background:#fff0f0}.drop-overlay{position:fixed;inset:90px 18px 18px;background:#f6f7fff2;border:2px dashed #929de7;z-index:40;border-radius:20px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#6775c6;pointer-events:none}.drop-overlay svg{width:50px;height:50px;margin-bottom:20px}.drop-overlay h2{font-size:40px}.drop-overlay p{margin-top:15px;font-size:13px}.inspector{background:#fff;border-left:1px solid var(--line);padding:28px 22px 17px;display:flex;flex-direction:column;overflow:auto}.printer-card{display:flex;align-items:center;gap:10px;margin-top:23px;background:#fafafa;border:1px solid #ebebef;border-radius:12px;padding:14px 12px}.printer-icon{width:34px;height:34px;color:#9699aa;display:grid;place-items:center}.printer-icon svg{width:27px;height:27px;stroke-width:1.3}.printer-card>div:nth-child(2){flex:1;min-width:0}.printer-card strong{display:block;font-size:12px;font-weight:600}.printer-card span:not(.status-dot){display:block;font-size:10px;color:#a1a1aa;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-dot{width:6px;height:6px;background:#4daa8c;border-radius:50%;flex-shrink:0}.status-dot.neutral{background:#c5c5d0}.status-dot.warn{background:#df9a42}.printer-status{display:flex;justify-content:space-between;align-items:center;background:none;padding:10px 2px 15px;font-size:10px;color:#92939d;text-align:left;gap:5px}.printer-status svg{width:12px;height:12px}.warning{font-size:11px;line-height:1.6;background:#fff8eb;color:#9d7735;padding:10px;border-radius:8px;margin-bottom:12px}.setting{margin-top:20px}.setting label{display:flex;justify-content:space-between;align-items:center;font-size:12px}.setting label span{font-size:9px;color:#b0b0b9;font-weight:400}.setting input,.setting select{height:40px;font-size:12px;border-color:#e4e4ea}.setting small{display:block;font-size:10px;color:#b0b0ba;margin-top:7px}.stepper{display:flex;border:1px solid #e4e4ea;border-radius:9px;overflow:hidden;height:40px}.stepper button{background:#fafafa;color:#8f8f9a;width:39px;display:grid;place-items:center}.stepper button:hover{background:#f0f0f7}.stepper svg{width:14px}.stepper input{flex:1;min-width:0;text-align:center;border:0;border-radius:0;height:38px;appearance:textfield;-moz-appearance:textfield}.stepper input::-webkit-inner-spin-button{appearance:none}.edit-tip{display:flex;gap:10px;margin-top:28px;padding:16px 0 25px;border-bottom:1px solid var(--line);color:#9da0b5}.edit-tip>svg{width:16px;height:16px;margin-top:2px}.edit-tip p{font-size:11px;line-height:1.7;color:#858594}.edit-tip span{font-size:10px;color:#b0b0bb}.inspector-bottom{margin-top:auto;padding-top:26px}.print-summary{display:flex;justify-content:space-between;margin-bottom:15px;font-size:11px;color:#9999a5}.print-summary strong{font-weight:550;color:#7f808f}.print-button{width:100%;font-size:12px;min-height:44px}.print-button kbd{margin-left:auto;font-family:inherit;color:#92939f;border-color:#55565f;font-size:9px}.print-button svg{width:15px}.inspector-bottom .quiet-button{width:100%;font-size:11px;margin-top:7px}.inspector-foot{font-size:9px;display:block;color:#b6b6bf;text-align:center;margin-top:10px}.text-options{margin-top:24px;background:#f7f7fb;padding:13px;border-radius:10px}.text-options .section-heading{margin-bottom:12px}.text-options label{font-size:11px}.text-options textarea{font-size:12px;resize:vertical}.note-controls{display:flex;gap:10px;margin-top:12px}.note-controls label{flex:1}.note-controls select{padding:8px;font-size:12px;margin-top:5px}.login-screen{min-height:100dvh;background:#f7f7fa;display:grid;grid-template-columns:1.2fr 1fr;position:relative;padding:100px 10% 80px;gap:70px;align-items:center}.login-brand{position:absolute;top:40px;left:48px;display:flex;align-items:center;gap:40px}.login-brand .eyebrow{font-size:9px}.login-card{max-width:360px;justify-self:start}.login-card h1{font-size:57px;line-height:1.05;margin:18px 0 20px;letter-spacing:-2.8px}.login-card>p:not(.error){font-size:13px;color:#94949f;line-height:1.8;margin-bottom:30px}.login-card label{font-size:12px;margin-top:20px}.login-card input{height:46px;background:#ffffffc9}.password-wrap{position:relative}.password-wrap input{padding-right:45px}.password-wrap button{position:absolute;right:7px;top:7px}.login-submit{width:100%;margin-top:25px;justify-content:space-between;min-height:46px}.login-foot{display:block;text-align:center;font-size:10px;color:#adadb7;margin-top:17px}.login-screen footer{position:absolute;bottom:30px;left:48px;right:48px;font-size:9px;letter-spacing:1.5px;color:#b3b3bf;display:flex;justify-content:space-between}.login-screen footer span{letter-spacing:0}.login-art{position:relative;height:460px;max-width:400px;justify-self:center;width:100%}.art-page{position:absolute;width:230px;height:310px;border:1px solid #e2e4ed;border-radius:12px;box-shadow:0 16px 40px #35364c0a}.art-page.back{top:38px;left:25px;background:#efeff5;transform:rotate(-13deg)}.art-page.front{top:60px;left:75px;background:#fff;transform:rotate(7deg);padding:35px}.art-badge{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:var(--accent-light);color:var(--accent);font-size:19px;font-weight:600;margin-bottom:35px}.art-page i{display:block;height:4px;background:#e8e9ef;margin-top:11px;border-radius:2px}.art-page i:nth-child(3){width:86%}.art-page i:nth-child(5){width:63%}.art-circle{width:75px;height:75px;margin-top:30px;border-radius:50%;border:1px solid #e8e9f0;position:relative}.art-circle:after{content:'';position:absolute;inset:10px;border-radius:50%;background:#eff0fa}.art-caption{position:absolute;bottom:25px;text-align:center;width:100%;font-size:11px;color:#aaaaba}.error{font-size:12px!important;background:#fff0f0;color:#b65454!important;padding:11px;border-radius:8px;margin:15px 0 0!important;line-height:1.5}.activity{max-width:1080px;margin:0 auto;padding:55px 35px}.activity-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:35px}.activity-heading h1{font-size:37px;margin:12px 0}.activity-heading p{font-size:13px;color:#9696a1}.activity-heading button{font-size:12px}.job-card{display:flex;align-items:center;gap:20px;background:white;border:1px solid var(--line);padding:22px;border-radius:14px;margin-bottom:13px}.job-card .job-icon{display:grid;place-items:center;width:42px;height:48px;border-radius:9px;background:#f4f4f8;color:#9697a7;flex-shrink:0}.job-info{flex:1;min-width:0}.job-info strong{font-size:13px;font-weight:550;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job-info small{display:block;font-size:11px;color:#9999a5;margin-top:7px;line-height:1.6}.job-info p{font-size:12px;color:#aa8543;margin-top:10px;line-height:1.6}.job-badge{font-size:11px;padding:6px 9px;background:#f0f1f8;color:#888ca0;border-radius:6px;white-space:nowrap}.job-badge.completed{color:#368d75;background:#edf8f3}.job-badge.processing,.job-badge.pending{color:#6576c4;background:#f0f2ff}.job-badge.aborted,.job-badge.canceled,.job-badge.unknown{color:#b28048;background:#fcf3e9}.activity-note{font-size:12px;color:#aaaab3;margin-top:25px;text-align:center;line-height:1.7}.activity-empty{background:white;border:1px dashed #dedee9;padding:80px 20px;text-align:center;border-radius:16px;color:#a6a6b1}.activity-empty svg{width:35px;height:35px;color:#b6b7c7}.activity-empty h2{font-size:25px;color:#6f707f;margin-top:20px}.activity-empty p{font-size:12px;margin-top:12px}.modal{border:1px solid var(--line);border-radius:22px;padding:38px;max-width:440px;width:calc(100% - 32px);box-shadow:0 25px 120px #151a4033;color:var(--ink)}.modal::backdrop{background:#20243340;backdrop-filter:blur(5px)}.modal-close{position:absolute;top:16px;right:16px}.modal-symbol{width:48px;height:48px;background:#f1f2fb;border-radius:14px;display:grid;place-items:center;margin-bottom:26px;color:var(--accent)}.modal-symbol svg{width:24px;height:24px}.modal h2{font-size:30px;margin:12px 0 15px;letter-spacing:-1px;line-height:1.15}.modal>p,.modal form>p{font-size:12px;color:#9797a4;line-height:1.7;overflow-wrap:anywhere}.confirm-details{margin:24px 0;border-top:1px solid var(--line);padding-top:16px}.confirm-details>div{display:flex;justify-content:space-between;font-size:12px;margin:13px 0;color:#9292a0}.confirm-details strong{font-weight:550;color:#4d4e5b}.modal-note{font-size:11px!important}.modal-actions{display:flex;justify-content:space-between;gap:10px;margin-top:24px}.modal-actions button{flex:1;font-size:12px;min-height:42px}.wide-modal{max-width:650px}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:30px}.help-grid strong{font-size:12px;font-weight:600}.help-grid p{font-size:12px;color:#9494a0;line-height:1.8;margin-top:10px}.shortcut-row{display:flex;flex-wrap:wrap;gap:17px;margin-top:32px;padding-top:20px;border-top:1px solid var(--line);font-size:10px;color:#9999a4}.shortcut-row kbd{font:9px inherit;margin-right:5px}.shelf-row{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.shelf-row>button:first-child{flex:1;text-align:left;background:none;padding:0;min-width:0}.shelf-row strong{font-size:12px;display:block;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shelf-row small{font-size:11px;color:#aaaab4;display:block;margin-top:6px}.shelf-row .icon-button{color:#b2a1a3}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:calc(100% - 30px);background:#292b35;color:white;padding:14px 20px;border-radius:12px;box-shadow:0 8px 28px #14172e22;font-size:12px;z-index:100;line-height:1.5}.toast.error-toast{background:#853e43}.busy-overlay{position:fixed;inset:0;z-index:90;background:#f8f8fc9e;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;gap:14px;color:#747589;font-size:13px}
@media(min-width:1600px){.workspace{grid-template-columns:250px minmax(320px,1fr) 320px}.inspector{padding:32px}.editor-header{padding:32px 40px 24px}.toolbar{margin-left:34px;margin-right:34px}.canvas-area{padding-left:50px;padding-right:50px}.setting{margin-top:25px}.empty-state h2{font-size:43px}.empty-state p{font-size:14px}.empty-features span{font-size:11px}}
@media(max-width:1150px){.workspace{grid-template-columns:170px minmax(300px,1fr) 255px}.page-sidebar{padding:22px 12px 14px}.document-label strong{max-width:100px}.thumb{margin-left:0;margin-right:0}.editor-header{padding:24px 20px 18px}.toolbar{margin:0 13px 10px;padding:5px}.tool{padding:0 6px;min-width:28px}.tool span{display:none}.canvas-area{padding:12px 20px 30px}.inspector{padding:25px 17px 15px}.page-footer{padding:0 15px}.page-footer>span:last-child{display:none}.save-state{font-size:10px}.login-screen{gap:30px;padding-left:7%;padding-right:7%}}
@media(max-width:850px){.topbar{height:66px;padding:0 18px}.workspace{height:auto;min-height:calc(100dvh - 66px);grid-template-columns:135px minmax(0,1fr);grid-template-rows:minmax(650px,calc(100dvh - 66px)) auto}.inspector{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 22px;border-top:1px solid var(--line);padding:25px}.inspector>.section-heading,.inspector>.printer-card,.inspector>.printer-status,.inspector>.warning,.inspector>.inspector-bottom,.inspector>.text-options{grid-column:1/-1}.inspector .edit-tip{display:none}.inspector .inspector-bottom{max-width:100%;width:100%;margin:20px auto 0}.printer-card{margin-top:13px}.setting{margin-top:13px}.page-sidebar{padding:20px 8px 10px}.document-label{display:none}.page-list-label{margin-top:15px}.thumb img{max-width:85px;max-height:115px}.sidebar-bottom>span{display:none}.sidebar-bottom .quiet-button{font-size:10px;gap:5px;padding-left:0}.sidebar-bottom .quiet-button svg{width:13px}.account-button>span:nth-child(2){display:none}.top-actions{gap:6px}.nav-tab{padding:8px 13px}.editor-header h1{max-width:45vw}.login-brand .eyebrow{display:none}.login-art{transform:scale(.85)}.login-card h1{font-size:48px}.login-screen{padding:100px 5% 70px;gap:10px}}
@media(max-width:560px){.topbar{gap:10px}.wordmark{font-size:22px;gap:8px}.brand-icon{height:28px;width:28px;border-radius:8px}.wordmark-dot{margin-left:-8px}.main-nav{background:none;padding:0;gap:0}.nav-tab{padding:8px 10px;font-size:12px}.nav-tab.active{background:#f2f2f8;box-shadow:none}.count{display:none}.top-actions #help-button{display:none}.account-button>svg{display:none}.workspace{grid-template-columns:82px minmax(0,1fr);grid-template-rows:minmax(580px,78dvh) auto}.page-sidebar{padding:14px 5px 10px}.page-sidebar .section-heading{font-size:9px;padding:0 4px}.page-sidebar .section-heading .icon-button{width:22px}.page-list-label{font-size:9px;padding:10px 6px 0}.thumbnails{padding:10px 0}.thumb{padding:7px 5px;margin-bottom:9px;border-radius:7px;gap:5px}.thumb img{max-width:51px;max-height:73px}.thumb span{font-size:9px}.sidebar-empty{padding-top:60px}.sidebar-empty svg{width:24px}.sidebar-empty p{font-size:9px}.sidebar-bottom .quiet-button{font-size:0;justify-content:center}.sidebar-bottom .quiet-button svg{width:18px}.editor-header{padding:20px 13px 15px}.editor-header .eyebrow{font-size:9px;letter-spacing:1px}.editor-header h1{font-size:21px;max-width:55vw}.save-state{display:none}.toolbar{margin:0 7px 8px;flex-wrap:wrap;justify-content:center;gap:3px;border-radius:9px}.tool-group{gap:0}.tool{min-width:28px;padding:0 6px}.tool svg{width:15px}.zoom-group{padding-left:2px}.zoom-group .icon-button{width:22px}.zoom-value{font-size:10px}.canvas-area{padding:10px 12px 25px}.empty-state{padding:10px 0}.upload-illustration{transform:scale(.8);margin-bottom:10px}.empty-state h2{font-size:25px;letter-spacing:-1px}.empty-state p{font-size:11px;margin:15px 0 20px}.empty-state .eyebrow{font-size:9px}.empty-features{gap:13px;margin-top:25px;padding-top:15px;flex-wrap:wrap}.empty-features span{font-size:9px}.empty-state .primary{font-size:12px;min-height:38px}.file-limits{font-size:9px}.page-footer{padding:0 10px;font-size:9px;height:40px}.page-controls{gap:3px;font-size:10px}.page-actions{padding:3px;margin-top:14px;gap:1px}.page-actions .icon-button{width:27px}.selection-actions{padding:5px;gap:4px;flex-wrap:wrap;justify-content:center}.selection-actions>span{font-size:10px;width:100%;text-align:center;padding-top:5px}.small-button{font-size:11px;padding:7px 9px}.inspector{padding:22px 20px;gap:0 15px}.inspector .setting label span{display:none}.login-screen{display:flex;justify-content:center;padding:120px 25px 80px}.login-art{display:none}.login-brand{left:25px;top:30px}.login-card{width:100%;max-width:350px}.login-card h1{font-size:52px}.login-screen footer{left:25px;right:25px}.activity{padding:35px 20px}.activity-heading h1{font-size:29px}.activity-heading p{font-size:12px}.job-card{padding:15px;gap:10px;flex-wrap:wrap}.job-card .job-icon{width:32px;height:38px}.job-info{min-width:150px}.job-info strong{font-size:12px}.job-badge{margin-left:42px;font-size:10px}.modal{padding:30px 24px;border-radius:17px}.modal h2{font-size:27px}.help-grid{grid-template-columns:1fr;gap:20px}.activity-heading .secondary{padding:0 10px;min-height:36px;font-size:11px}.modal-actions{flex-wrap:wrap}.modal-actions button{min-width:120px}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition:none!important;scroll-behavior:auto!important}}