.year-picker{display:flex;flex:1;flex-direction:column;gap:7px;min-width:0}.year-picker .year-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;font:21px Drawably Pen,cursive}.year-panel{padding:10px;background:var(--paper);border-radius:3px}.year-navigation{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:6px;margin-bottom:8px}.year-navigation button{padding:8px}.year-navigation select{width:100%;font:18px Drawably Pen,cursive}.year-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.year-panel button{min-height:44px;min-width:0;font:18px Drawably Pen,cursive}.year-grid button[aria-pressed=true]{color:var(--paper)}.year-current{width:100%;margin-top:8px}.employee-form .form-row:has(.year-panel){flex-direction:column;align-items:stretch}.form-row:has(.year-panel) .pip-control{align-self:flex-start}.form-row:has(.year-panel) .year-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sticker-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}.sticker-depth{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.sticker-depth-back{z-index:0}.sticker-cutout{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;object-fit:cover;pointer-events:none}.sticker-depth-front{z-index:2}.sticker-anchor{position:absolute;width:var(--sticker-size);height:var(--sticker-size);margin-left:calc(var(--sticker-size) / -2);margin-top:calc(var(--sticker-size) / -2);cursor:grab;outline:none;touch-action:none;pointer-events:auto}.sticker-anchor:active{cursor:grabbing}.sticker-transform{position:absolute;left:0;top:0;width:100%;height:100%;transform:rotate(var(--sticker-rotation)) scaleX(var(--sticker-flip));transform-origin:center;pointer-events:auto}.sticker-transform img{width:100%;height:100%;display:block;object-fit:contain;pointer-events:none}.sticker-anchor.is-selected .sticker-transform:after,.sticker-anchor:focus-visible .sticker-transform:after{content:"";position:absolute;top:2%;right:2%;bottom:2%;left:2%;border:2px dashed white;border-radius:8px;box-shadow:0 0 0 1px #2a262299;pointer-events:none}.sticker-tray{display:flex;flex-direction:column;gap:12px}.sticker-tabs{display:flex;gap:5px;overflow-x:auto;padding:2px}.sticker-tabs button{padding:7px 12px;border-radius:999px;background:#eee6da;color:#776b5b;font:14px Drawably Pen,cursive;white-space:nowrap}.sticker-tabs button[aria-selected=true]{background:var(--ink);color:var(--paper)}.sticker-assets{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 8px;scroll-snap-type:x proximity}.sticker-assets button{min-height:91px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:7px;border:1px solid #d9cfc0;border-radius:4px;background:#fffaf2}.sticker-assets button:hover:not(:disabled){background:#f1e8da}.sticker-assets button{flex:0 0 100px;scroll-snap-align:start}.sticker-assets img{width:56px;height:56px;object-fit:contain}.sticker-assets span{font:14px Drawably Pen,cursive}.sticker-limit{margin:0;color:var(--accent);font-size:11px;text-align:center}.sticker-toolbar{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid #ddd2c3;border-radius:4px;background:#f4eee4}.sticker-toolbar>label{display:grid;grid-template-columns:52px 1fr;align-items:center;gap:10px;font:14px Drawably Pen,cursive}.sticker-toolbar input[type=range]{width:100%;padding:0;accent-color:var(--accent)}.sticker-toolbar-buttons{display:flex;flex-wrap:wrap;gap:6px}.sticker-toolbar-buttons button{padding:7px 10px;border:1px solid #cfc3b3;border-radius:3px;background:var(--paper);font:12px Drawably Pen,cursive}.sticker-toolbar-buttons .drawably-button{min-height:34px}.sticker-toolbar-buttons button:hover:not(:disabled){background:#e9dfd0}.sticker-toolbar-buttons .sticker-delete{color:var(--accent);margin-left:auto}.sticker-colors{display:flex;align-items:center;gap:9px;padding:0;margin:0;border:0}.sticker-colors legend{float:left;margin-right:8px;font:14px Drawably Pen,cursive}.sticker-colors button{width:27px;height:27px;border:2px solid white;border-radius:50%;box-shadow:0 0 0 1px #a99e8e}.sticker-colors button[aria-pressed=true]{box-shadow:0 0 0 2px var(--ink)}@media(max-width:480px){.sticker-assets button{min-height:76px}}@media(prefers-reduced-motion:reduce){.sticker-anchor{transition:none}}.booth{display:flex;flex-direction:column;gap:14px}.booth-preview{position:relative;width:min(100%,460px);aspect-ratio:1;align-self:center;overflow:hidden;border:8px solid #f4eee4;border-radius:4px;background:#211f1c;box-shadow:inset 0 0 0 1px #ffffff19,0 4px 14px #372f2526;isolation:isolate}.booth-preview video{width:100%;height:100%;display:block;object-fit:cover;background:#211f1c}.booth-preview.is-user-facing video{transform:scaleX(-1)}.booth-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;overflow:hidden}.booth-overlay.is-disabled{pointer-events:none}.booth-camera-prompt{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;color:#f2ebdf;text-align:center;background:radial-gradient(circle at 50% 42%,#37332e,#1d1b19 70%)}.booth-camera-prompt svg{width:52px;height:52px;fill:none;stroke:currentColor;stroke-width:1.4;opacity:.7}.booth-camera-prompt p{margin:0;font:19px Drawably Pen,cursive}.booth-prompt-lead{max-width:15em;opacity:.92}button.drawably-button.booth-enable .drawably-svg,button.drawably-button.booth-upload-inline .drawably-svg{display:none}button.drawably-button.booth-enable.primary{background:#fbf7ef;color:#2a2622;min-width:170px;border:1px solid #ece3d2;border-radius:8px}button.drawably-button.booth-enable.primary:hover:not(:disabled){background:#fff}button.drawably-button.booth-enable svg{stroke:currentColor}button.drawably-button.booth-upload-inline{background:transparent;color:#f2ebdf;min-width:170px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #ffffff59;border-radius:8px}button.drawably-button.booth-upload-inline:hover:not(:disabled){background:#ffffff14}button.drawably-button.booth-upload-inline svg{stroke:currentColor}.booth-countdown{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:grid;place-items:center;color:#fff;font:132px/1 Drawably Pen,cursive;text-shadow:0 4px 20px #0009;pointer-events:none}.booth-flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;background:#fff;opacity:0;pointer-events:none;transition:opacity 45ms linear}.booth-flash.is-active{opacity:.96}.booth-hint,.booth-error{width:min(100%,460px);align-self:center;margin:0;text-align:center}.booth-hint{color:#867968;font:15px/1.45 Drawably Pen,cursive}.booth-error{color:var(--accent);font-size:12px;line-height:1.5}.booth-controls{min-height:58px;display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap}.booth-controls .secondary{background:var(--paper)}.booth-shutter{width:58px;height:58px;display:grid;place-items:center;flex:0 0 auto;padding:5px;border:2px solid var(--ink);border-radius:50%;background:var(--paper);box-shadow:0 2px 7px #3f352a25}.booth-shutter span{width:42px;height:42px;border-radius:50%;background:var(--accent);transition:transform .12s ease,background-color .12s ease}.booth-shutter:hover:not(:disabled) span{transform:scale(.92)}.booth-shutter:active:not(:disabled) span{transform:scale(.82)}@media(max-width:480px){.booth-preview{border-width:5px}.booth-countdown{font-size:96px}.booth-controls{gap:10px}.booth-controls .secondary{padding-inline:11px}}@media(prefers-reduced-motion:reduce){.booth-flash,.booth-shutter span{transition:none}}.booth-controls .booth-take{order:-1;width:100%;justify-content:center;min-height:50px}.hire-confetti{position:absolute;top:22%;left:0;right:0;pointer-events:none;z-index:5}.hire-confetti i{position:absolute;width:5px;height:9px;border-radius:1px}.surface-picker{display:grid;gap:3px;font:13px Drawably Pen;color:var(--ink-muted);max-width:130px}.surface-picker select{font:12px Drawably Pen}:root[data-surface=desk] body{background-color:#ece5d8;background-image:repeating-linear-gradient(4deg,transparent 0 9px,#7b614305 10px 11px),repeating-linear-gradient(93deg,transparent 0 85px,#fff3 86px 88px)}:root[data-surface=bedsheet] body{background-color:#eae5e1;background-image:repeating-linear-gradient(87deg,#fff4 0 1px,transparent 1px 7px),repeating-linear-gradient(3deg,#998b7a08 0 1px,transparent 1px 7px),radial-gradient(ellipse at 15% 50%,#d0c7be66,transparent 50%)}:root[data-surface=grid-paper] body{background-color:#eeeae0;background-image:linear-gradient(#9a928719 1px,transparent 1px),linear-gradient(90deg,#9a928719 1px,transparent 1px);background-size:22px 22px}:root[data-surface=carpet] body{background-color:#ded9cf;background-image:radial-gradient(#92877518 .8px,transparent .8px),radial-gradient(#fff5 .8px,transparent .8px);background-size:5px 5px;background-position:0 0,2px 2px}:root[data-surface=composition-book] body{background-color:#45433e;background-image:radial-gradient(ellipse 200px 160px at 18% 22%,#6f6c6355,transparent 60%),radial-gradient(ellipse 240px 190px at 68% 55%,#201f1b88,transparent 60%),radial-gradient(ellipse 170px 210px at 42% 86%,#726f6655,transparent 60%),radial-gradient(ellipse 150px 220px at 88% 82%,#1c1b1780,transparent 60%),radial-gradient(#e6e2d8bb 1px,transparent 1.5px),radial-gradient(#15140edd 1.4px,transparent 1.8px);background-size:360px 300px,400px 360px,300px 400px,340px 380px,13px 19px,17px 13px;background-position:0 0,0 0,0 0,0 0,0 0,7px 9px}:root[data-surface=composition-book]{color-scheme:dark}:root[data-surface=composition-book] .app-explainer,:root[data-surface=composition-book] .workspace-footer,:root[data-surface=composition-book] .pagination,:root[data-surface=composition-book] .pagination span,:root[data-surface=composition-book] .right-note,:root[data-surface=composition-book] .brand,:root[data-surface=composition-book] .save-indicator,:root[data-surface=composition-book] .save-indicator *,:root[data-surface=composition-book] .margin-note{color:#ece5d6}:root[data-surface=composition-book] .book-heading .eyebrow,:root[data-surface=composition-book] .book-heading p,:root[data-surface=composition-book] .size-caption,:root[data-surface=composition-book] .surface-picker{color:#d8cfbf}:root[data-surface=composition-book] .topbar .secondary{--drawably-ink: #d8cfbf;color:#f1ebde}:root[data-surface=composition-book] .topbar{border-bottom-color:#ffffff26}.desk-doodles{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;color:var(--ink);opacity:.12;pointer-events:none;z-index:-1;filter:blur(.3px)}:root:not([data-surface=desk]) .desk-doodles{display:none}.workspace{position:relative;isolation:isolate}@media(max-width:900px){.desk-doodles{display:none}}@media(max-width:650px){.surface-picker{margin-left:auto}}.onboarding.scratchpad-onboarding{padding:30px 22px}.scratchpad-onboarding .doodle-star{font-size:32px;margin-bottom:4px}.pagination .icon-button{width:auto;gap:5px;font:16px Drawably Pen}.discard-draft{display:block;margin:14px auto 0}.scratchpad-onboarding h1{margin:10px 0;font-size:clamp(36px,7vw,48px)}.scratchpad-onboarding>.onboarding-explainer{max-width:460px;margin:0;font:14px/1.6 Nunito,sans-serif;color:var(--ink-muted)}.scratchpad-onboarding form{width:min(420px,100%);margin:20px 0 10px;gap:12px}.company-examples{display:flex;justify-content:center;flex-wrap:wrap;gap:7px}.company-examples button{padding:6px 9px;font:16px Drawably Pen}.onboarding-example{width:205px;margin:5px auto;text-align:left;transform:rotate(-2deg)}.onboarding-example .photo-window{aspect-ratio:1}.onboarding-example figcaption{font:15px Drawably Pen;text-align:center;margin-top:8px;color:var(--ink-muted)}.onboarding-example .polaroid-purpose{margin:0}.book-size-picker{flex-shrink:0;width:210px}.book-size-picker .size-caption{display:block;font:14px Drawably Pen;color:#8d8273}.size-previews{display:flex;gap:5px;margin-top:8px}.size-previews button{flex:1;min-width:0;padding:6px 3px;display:flex;flex-direction:column;align-items:center;gap:4px;font:14px Drawably Pen}.size-previews button[aria-pressed=true]{color:var(--accent);background:#c8342a0c}.size-phone-note{display:block;margin-top:5px;font:11px Drawably Pen;color:var(--ink-muted)}.size-grid-preview{display:grid;width:24px;height:27px;gap:2px}.size-grid-preview i{border:1px solid currentColor;border-radius:1px;opacity:.7}.book-grid-shell .pocket-grid.size-A5{grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr));height:auto;aspect-ratio:auto;width:min(330px,76%);margin-inline:auto;gap:28px;padding-block:18px}.book-grid-shell .size-A5 .pocket{aspect-ratio:.79}@media(max-width:650px){.book-size-picker{width:180px}.book-grid-shell .pocket-grid.size-A5{width:min(270px,90%)}}@font-face{font-family:Drawably Pen;src:url(./DrawablyPen-DIwgiJnp.ttf) format("truetype");font-weight:400;font-display:block}.drawably-host{--drawably-ease: cubic-bezier(.2, 0, 0, 1);position:relative;isolation:isolate;font-family:Inter,system-ui,sans-serif}.drawably-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:-1}.drawably-svg path{fill:none;stroke:var(--drawably-ink, var(--drawably-stroke, #2724d1));stroke-width:var(--drawably-width, 2);stroke-linecap:round;stroke-linejoin:round}@property --drawably-frame{syntax: "<integer>"; inherits: true; initial-value: 0;}.drawably-svg{--drawably-frame: 0;animation:drawably-boil 1.2s step-end infinite}@keyframes drawably-boil{0%{--drawably-frame: 0}33.33%{--drawably-frame: 1}66.67%{--drawably-frame: 2}}.drawably-boil{--drawably-i: 0;opacity:clamp(0,1 - (var(--drawably-frame) - var(--drawably-i)) * (var(--drawably-frame) - var(--drawably-i)),1)}.drawably-boil[data-i="1"]{--drawably-i: 1}.drawably-boil[data-i="2"]{--drawably-i: 2}.drawably-svg .drawably-blob{fill:var(--drawably-ink, var(--drawably-fill, #2724d1));stroke:var(--drawably-ink, var(--drawably-fill, #2724d1));stroke-width:4}.drawably-svg .drawably-scribble{stroke-width:1.5}.drawably-button{display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;border:0;background:none;font:inherit;font-family:Inter,system-ui,sans-serif;color:var(--drawably-ink, var(--drawably-stroke, #2724d1));cursor:pointer;outline:none;transition:transform .12s ease}.drawably-button:active{transform:translateY(1px) scale(.98)}.drawably-button .drawably-outline{transition:stroke-width .12s ease,fill .12s ease}.drawably-button:active .drawably-outline{stroke-width:calc(var(--drawably-width, 2) * 1.4)}@media(hover:hover){.drawably-button:hover:not(:disabled,[data-state=loading]){transform:translateY(-1px)}.drawably-button:not(.drawably-button--solid):hover:not(:disabled) .drawably-outline{fill:color-mix(in srgb,var(--drawably-ink, var(--drawably-stroke, #2724d1)) 10%,transparent)}.drawably-button:hover:active{transform:translateY(1px) scale(.98)}}.drawably-button:disabled{cursor:not-allowed;opacity:.45;transform:none}.drawably-button--neutral{--drawably-stroke: #6e675f;--drawably-fill: #6e675f}.drawably-button--danger{--drawably-stroke: var(--drawably-error, #d12724);--drawably-fill: var(--drawably-error, #d12724)}.drawably-button[data-state=error]{--drawably-ink: var(--drawably-error, #d12724)}.drawably-button[data-state=success]{--drawably-ink: var(--drawably-success, #188a42)}.drawably-button[data-state=loading]{cursor:progress;opacity:.6}.drawably-button[data-state=loading] .drawably-svg{animation-duration:.45s}.drawably-button--solid{color:var(--drawably-paper, #fff)}.drawably-svg .drawably-focus{visibility:hidden;stroke-width:1.5}.drawably-host:is(:focus-visible,:has(:focus-visible)) .drawably-focus{visibility:visible}.drawably-checkbox,.drawably-radio{display:inline-block;width:22px;height:22px}.drawably-toggle{display:inline-block;width:44px;height:24px}:is(.drawably-checkbox,.drawably-radio,.drawably-toggle) input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.drawably-svg .drawably-dot{fill:var(--drawably-ink, var(--drawably-fill, #2724d1));stroke:var(--drawably-ink, var(--drawably-fill, #2724d1));visibility:hidden;transform:scale(.5);transform-box:fill-box;transform-origin:center;transition:transform .16s var(--drawably-ease)}.drawably-radio[data-checked] .drawably-dot{visibility:visible;transform:scale(1)}.drawably-svg .drawably-knob{transition:transform .16s var(--drawably-ease)}.drawably-toggle[data-checked] .drawably-knob{transform:translate(20px)}.drawably-divider{display:block;height:10px;border:0}.drawably-svg .drawably-check{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .24s var(--drawably-ease)}.drawably-checkbox[data-checked] .drawably-check{stroke-dashoffset:0}.drawably-inputbox,.drawably-textarea,.drawably-select{display:inline-block}:is(.drawably-inputbox,.drawably-textarea,.drawably-select) :is(input,textarea,select){border:0;background:none;font:inherit;color:inherit;padding:8px 12px;width:100%;box-sizing:border-box;outline:none}.drawably-textarea textarea{display:block;resize:vertical}.drawably-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:34px;cursor:pointer}@supports (appearance: base-select){.drawably-select select,.drawably-select select::picker(select){-webkit-appearance:base-select;-moz-appearance:base-select;appearance:base-select}.drawably-select select::picker-icon{display:none}.drawably-select select::picker(select){margin-top:4px;padding:6px;border:0;background:var(--drawably-paper, #fff);color:inherit;font:inherit}.drawably-select option{padding:4px 8px;border-radius:3px}.drawably-select option:is(:hover,:focus-visible){background:color-mix(in srgb,var(--drawably-stroke, #2724d1) 10%,transparent)}.drawably-select option::checkmark{content:"";display:inline-block;width:.875em;height:.875em}.drawably-select option:checked::checkmark{background:var(--drawably-ink, var(--drawably-stroke, #2724d1));mask:var(--drawably-check) center / contain no-repeat}}.drawably-badge{display:inline-block;padding:1px 7px;font:500 12px/1.4 Geist Mono,ui-monospace,monospace;color:var(--drawably-ink, var(--drawably-stroke, #2724d1))}.drawably-list{list-style:none;padding-left:24px}.drawably-card{padding:16px}.drawably-svg .drawably-wash{stroke:var(--drawably-ink, var(--drawably-fill, #2724d1));stroke-width:6;stroke-opacity:.3;mix-blend-mode:multiply}:is(.drawably-underline,.drawably-circle) .drawably-svg path{stroke-width:var(--drawably-width, 1.5)}.drawably-arrow{inset:auto;z-index:1}@media(prefers-reduced-motion:reduce){.drawably-svg{animation:none}.drawably-svg .drawably-check,.drawably-svg .drawably-dot,.drawably-svg .drawably-knob{transition:none}}.drawably-chip{display:inline-flex;align-items:center;gap:8px;padding:3px 10px 3px 6px;cursor:pointer}.drawably-chip .drawably-checkbox{scale:.8}.drawably-tabs{display:flex;gap:18px}.drawably-tabs>*{cursor:pointer}.drawably-tooltip{display:inline-block;padding:2px 10px}.drawably-alert{display:flex;align-items:center;gap:8px;width:max-content;max-width:100%;padding:8px 12px}.drawably-alert [data-tag]{padding:1px 6px}.drawably-kbd{padding:2px 8px;font:500 13px/1.4 Geist Mono,ui-monospace,monospace}.drawably-quote{margin:0}.drawably-quote footer{margin-top:10px;padding-top:8px}.drawably-pager{display:flex;gap:6px}.drawably-pager>button{min-width:34px}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(./inter-latin-400-normal-CyCys3Eg.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(./inter-latin-500-normal-Cerq10X2.woff2) format("woff2"),url(./inter-latin-500-normal-BL9OpVg8.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(./inter-latin-600-normal-LgqL8muc.woff2) format("woff2"),url(./inter-latin-600-normal-CiBQ2DWP.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(./nunito-latin-400-normal-r8SDr6Up.woff2) format("woff2"),url(./nunito-latin-400-normal-DKg4f3fz.woff) format("woff")}@font-face{font-family:Nunito;font-style:italic;font-display:swap;font-weight:400;src:url(./nunito-latin-400-italic-BnrCcHbg.woff2) format("woff2"),url(./nunito-latin-400-italic-CDISnx4K.woff) format("woff")}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#2a2622;background:#faf7f2;font-synthesis:none;--paper: #faf7f2;--paper-edge: #ede7dd;--ink: #2a2622;--muted: #9a9287;--ink-muted: #9a9287;--accent: #c8342a;--star: #e5b52f;--drawably-stroke: #2a2622;--drawably-fill: #2a2622;--drawably-paper: #faf7f2}*{box-sizing:border-box}body{margin:0;min-width:0;overflow-x:clip;padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%239a9287' opacity='.045' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:wait;opacity:.45}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #c8342a;outline-offset:5px}button{border:0}button svg{flex-shrink:0}a{color:inherit}h1,h2,p{margin-top:0}.red{color:var(--accent)}.muted{color:#81796e;line-height:1.7}.eyebrow{display:block;font-size:10px;letter-spacing:2.3px;font-weight:650}.primary,.secondary{display:inline-flex;justify-content:center;align-items:center;gap:12px;border-radius:3px;min-height:44px;padding:11px 20px}.primary{background:var(--ink);color:var(--paper);font-family:Drawably Pen,cursive;font-size:20px;border:1px solid var(--ink)}.primary:hover{background:#453e37}.secondary{border:1px solid #c6beb2;background:transparent;font-size:12px;min-height:39px;padding:9px 15px}.secondary:hover{background:#ede7dd}.icon-button{display:inline-flex;justify-content:center;align-items:center;background:transparent;width:36px;height:36px;border-radius:50%}.icon-button:hover{background:#eee7dc}.icon-button:disabled{cursor:default}.text-button{display:block;background:none;font-size:11px;color:#91897e;text-decoration:underline;text-underline-offset:4px;padding:12px}.home{min-height:100svh;display:flex;flex-direction:column;align-items:center;padding:48px 20px 24px}.home-title{text-align:center}.home-title .eyebrow{font-size:9px;color:#8c8175;letter-spacing:3px;margin-bottom:13px}.home h1{font-family:Drawably Pen,cursive;font-weight:400;font-size:clamp(35px,4vw,49px);line-height:1.06;margin-bottom:20px}.hero-book{position:relative;width:248px;height:340px;transform:rotate(-9deg);margin:20px 0 35px;perspective:1000px}.black-cover{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,#33322f,#242422 60%,#2d2c29);border-radius:3px 8px 8px 3px;box-shadow:inset 1px 0 2px #fff5,inset -1px 0 1px #000,7px 10px 17px #40392d2b;transform-origin:left;animation:breathe 3.5s ease-in-out infinite;color:#e6e0d3;padding:55px 21px 20px 37px}.black-cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.5' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)' opacity='.3'/%3E%3C/svg%3E");pointer-events:none}.cover-label{text-align:center;border:1px solid #d1c8b859;padding:18px 10px}.cover-label>span{font-size:6px;letter-spacing:2px}.cover-label h2{font-family:Drawably Pen;font-size:37px;font-weight:400;line-height:1;margin:14px 0}.cover-rule{height:1px;background:#d1c8b859;margin:17px 0 10px}.cover-star{display:block;text-align:center;font-size:35px;margin-top:19px;color:#c9bba4}.cover-edition{position:absolute;bottom:19px;left:65px;letter-spacing:2px;font-size:6px}.page-block{position:absolute;top:7px;right:-6px;bottom:-6px;left:6px;background:repeating-linear-gradient(90deg,#ebe5da,#ebe5da,#d1c9bc,#f9f5ed 3px);border:2px solid #36332e;border-radius:6px;box-shadow:12px 16px 25px #40392d28}.peeking-card{position:absolute;width:115px;height:140px;background:#fff;padding:10px;top:20px;right:-26px;transform:rotate(17deg);box-shadow:1px 2px 6px #0002;animation:peek 5s ease-in-out infinite}.peeking-card span{display:flex;align-items:center;justify-content:center;text-align:center;height:96px;background:#d9c7b2;font:17px Drawably Pen;color:#665447}.rings{position:absolute;left:-17px;top:9%;bottom:7%;width:40px;display:flex;flex-direction:column;justify-content:space-between;z-index:5;pointer-events:none}.rings i{position:relative;display:block;height:16px;width:39px;border-radius:50%;background:linear-gradient(180deg,#272623,#8a8982 22%,#dedcd2 36%,#4a4944 51%,#181816 76%,#6c6a62);box-shadow:1px 3px 3px #0005;transform:rotate(-5deg)}.rings i:after{content:"";position:absolute;top:4px;right:5px;bottom:5px;left:4px;border-radius:50%;background:#242321;box-shadow:inset 0 2px 2px #000a}.home-cta{min-width:250px;transform:rotate(-1deg)}.home-note{font:15px Drawably Pen;color:#8a7c6c;margin:15px 0 10px}.onboarding{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.doodle-star{color:var(--accent);font-size:58px;margin-bottom:25px}.onboarding h1{font:48px/1.08 Drawably Pen;margin:18px 0}.onboarding p{font-size:13px;line-height:1.8;color:#81796e}.onboarding form{display:flex;flex-direction:column;gap:16px;width:min(340px,100%);margin:18px 0}.onboarding input{text-align:center;font-size:17px}input:not([type=checkbox]),select{width:100%;border:1px solid #cfc6b9;border-radius:3px;background:transparent;padding:12px;color:var(--ink)}.workspace{max-width:1440px;margin:auto;padding:0 60px}.topbar{height:82px;border-bottom:1px solid #dfd8ce;display:flex;align-items:center;justify-content:space-between;gap:15px}.brand{display:flex;align-items:center;gap:9px;font:23px Drawably Pen;background:none;padding:0}.brand-dot{font:10px sans-serif;align-self:start;margin:3px 0 0 -5px}.topbar-note{color:#9a8d7b;font:15px Drawably Pen}.book-heading{display:flex;justify-content:space-between;align-items:end;max-width:810px;margin:42px auto 27px}.book-heading .eyebrow{color:#a19585;font-size:9px}.book-heading h1{font-family:Drawably Pen;font-size:clamp(1.9rem,8vw,2.7rem);line-height:1.05;color:var(--accent);margin:9px 0 7px;overflow-wrap:break-word;word-break:normal;-webkit-hyphens:auto;hyphens:auto;text-wrap:balance}.heading-star{display:inline-block;margin-left:17px;transform:rotate(12deg);font-size:30px}.book-heading p{font-size:9px;letter-spacing:1.5px;margin:0;color:#82786b}.book-heading p span{color:#c9bcaa;padding:0 6px}.size-control{font:14px Drawably Pen;display:flex;flex-direction:column;gap:7px;color:#8d8273;width:140px;flex-shrink:0;margin-left:20px}.size-control select{font:11px Inter,system-ui;padding:9px;background:#faf7f2}.book-stage{position:relative;max-width:800px;margin:auto;padding-left:13px;perspective:2000px}.open-book{position:relative;background:linear-gradient(90deg,#d5cbbb,#eae2d5 5%,#f8f3e9 10%,#faf7f0);padding:23px 26px 16px 46px;box-shadow:1px 1px 0 1px #d2c8b8,4px 4px #f8f4eb,5px 5px #c7bdad,8px 8px #f5f0e5,9px 9px #cfc6b7,13px 14px 25px #584c3520;border-radius:2px 5px 5px 2px;border-left:14px solid #302f2b;min-height:800px}.open-book .rings{left:-30px;top:7%;bottom:7%;width:47px}.open-book .rings i{width:47px;height:20px}.open-book .rings i:after{background:#c4bba9;top:5px;right:6px;bottom:6px;left:5px}.page-top{display:flex;justify-content:space-between;color:#a49b8d;font-size:7px;letter-spacing:1.9px;margin:3px 0 22px}.pocket-grid{display:grid;gap:18px 15px;min-height:715px;transform-origin:left}.pocket{position:relative;aspect-ratio:.79;border:1px dashed #d3c9b9;border-radius:3px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffffff24,#d8cebd10)}.pocket.occupied{border:1px solid #dfd6c84f;background:linear-gradient(115deg,#fff5,#fff0 60%,#e1d9cb30);box-shadow:inset 1px 0 1px #fff}.pocket.occupied:after{content:"";position:absolute;bottom:-2px;left:3px;right:3px;height:1px;background:#e2d9cb;pointer-events:none}.add-pocket{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;width:100%;height:100%;background:none;font:18px Drawably Pen;color:#8c7e6c;padding:8px}.add-pocket:hover{background:#eee6d9aa}.add-circle{width:44px;height:44px;border:1px solid #b7a995;border-radius:48% 52% 46% 55%;display:grid;place-items:center}.add-pocket small{font:8px Inter,system-ui;color:#b0a18f;letter-spacing:.8px;margin-top:-6px}.empty-pocket-number{position:absolute;bottom:10px;right:11px;font-size:8px;color:#c6bcad}.card-button{display:block;padding:0;background:transparent;width:91%;text-align:initial;box-shadow:0 3px 7px #5a4b3626}.polaroid{background:#fff;padding:8px 8px 0;width:100%;position:relative}.photo-window{aspect-ratio:1/1;position:relative;background:#eee8df;overflow:hidden}.photo-window img{height:100%;width:100%;object-fit:cover;display:block}.polaroid-caption{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:48px;padding:6px 2px 8px}.polaroid-caption>span:first-child{font-size:11px;font-weight:550;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stars{color:var(--star);display:flex;gap:2px}.book-grid-shell .pocket.occupied{padding-block:8px}.stars svg{width:9px;height:9px}.pip-flag{position:absolute;z-index:4;right:8px;top:8px;width:42px;height:60px;max-width:45%;filter:drop-shadow(1px 2px 2px #2a262238);transform-origin:8px 56px}.pip-flag svg{display:block;width:100%;height:100%}.page-bottom{display:flex;justify-content:space-between;font-size:7px;color:#a79a89;margin:19px 0 0;letter-spacing:.8px}.margin-note,.right-note{position:absolute;font:19px/1.2 Drawably Pen;color:#a89b87;text-align:center;z-index:1}.margin-note{left:-145px;top:90px;transform:rotate(-9deg)}.margin-note svg{width:74px;height:70px;display:block;margin:8px 0 0 31px;fill:none;stroke:#a89b87;stroke-width:1.1}.right-note{right:-145px;bottom:135px;transform:rotate(8deg);font-size:16px}.right-note span{display:block;font-size:38px;margin-bottom:10px}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin:25px auto 0;font:16px Drawably Pen;color:#978974}.workspace-footer{display:flex;justify-content:space-between;gap:15px;padding:35px 0 22px;margin-top:18px;color:#a39787;font-size:9px;letter-spacing:.25px}.workspace-footer span:first-child{display:flex;align-items:center;gap:7px}.modal{border:1px solid #dbd1c2;border-radius:5px;background:var(--paper);color:var(--ink);width:min(480px,calc(100% - 30px));max-height:92svh;padding:0;box-shadow:0 25px 100px #28221b3d;overflow:auto}.modal::backdrop{background:#2a262259;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal.wide{width:min(860px,calc(100% - 30px))}.backup-section{margin-top:30px;padding-top:26px;border-top:1px solid var(--paper-edge)}.book-loading{min-height:400px;display:grid;place-items:center;font-family:Drawably Pen,cursive;color:var(--ink-muted)}.modal-inner{padding:34px;position:relative}.modal .close{position:absolute;right:10px;top:10px;z-index:5}.modal h2{font:35px/1.1 Drawably Pen;margin:12px 0 22px}.modal .eyebrow{color:#998a77;font-size:9px}.modal p{font-size:13px}.large{max-width:330px;margin:12px auto 25px;padding:12px 12px 0;box-shadow:0 4px 14px #0002;transform:rotate(-1deg)}.large .polaroid-caption{min-height:80px;gap:9px}.large .polaroid-caption>span:first-child{font-size:20px}.large .stars svg{width:14px;height:14px}.employee-facts{text-align:center}.employee-facts p{margin:13px 0}.file-meta{display:block;font-size:10px;color:#9a8b77;line-height:1.8}.modal-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin-top:25px}.danger{color:var(--accent)}.employee-form{display:flex;flex-direction:column;gap:18px}.employee-form h2{margin:-6px 0 0}.employee-form label{display:flex;flex-direction:column;gap:7px;font:17px Drawably Pen}.employee-form input,.employee-form select{font:13px Inter,system-ui}.employee-form input::placeholder{color:#ab9e8d;font:16px Drawably Pen}.form-polaroid{max-width:275px;align-self:center;box-shadow:0 3px 14px #0001;padding:10px 10px 0;transform:none}input.name-input{border:0;text-align:center;font:16px Inter,system-ui;padding:19px 3px;background:#fff;border-radius:0}.name-input::placeholder{font-size:14px!important}.rating-field{border:0;padding:0;margin:0;text-align:center}.rating-field legend{float:left;width:100%;font:17px Drawably Pen;margin-bottom:8px}.rating-field button{background:none;padding:3px;color:var(--star)}.rating-field small{display:block;font:13px Drawably Pen;color:#aa987e;margin-top:4px}.form-row{display:flex;align-items:center;gap:22px}.form-row>label{flex:1}.employee-form .pip-control{display:flex;flex-direction:row;align-items:center;font-size:17px}.pip-control input{accent-color:var(--accent);width:20px;height:20px}.pip-control small{display:block;font:9px Inter,system-ui;color:#a09485;margin-top:4px}.export-option{display:flex;align-items:center;gap:17px;text-align:left;padding:20px 0;border-top:1px solid #dcd2c4;width:100%;background:none}.export-option span{flex:1}.export-option strong{display:block;font:20px Drawably Pen;font-weight:400}.export-option small{display:block;font-size:10px;color:#a18f79;margin-top:5px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;background:var(--ink);color:#fffaf1;padding:14px 20px;z-index:100;border-radius:4px;box-shadow:0 5px 20px #0002;font-size:12px;max-width:calc(100% - 30px)}.toast.error{background:#a62e26}.toast button{color:#fff;background:none;display:flex;padding:2px}.working{position:fixed;right:18px;bottom:18px;background:#eee4d4;padding:12px 18px;z-index:99;font:16px Drawably Pen;border-radius:3px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0!important}.size-A3{gap:12px}.size-A3 .polaroid{padding:5px 5px 0}.size-A3 .polaroid-caption{min-height:40px}.size-A3 .polaroid-caption>span:first-child{font-size:9px}.size-A3 .add-pocket{font-size:14px}.size-B5{align-content:start;gap:24px;grid-auto-rows:1fr}.size-A5{align-content:center}.size-B5 .polaroid-caption,.size-A5 .polaroid-caption{min-height:70px}.size-B5 .polaroid-caption>span:first-child,.size-A5 .polaroid-caption>span:first-child{font-size:17px}@keyframes breathe{0%,to{transform:rotateY(0)}50%{transform:rotateY(-3deg)}}@keyframes peek{0%,to{translate:0 0}50%{translate:6px -5px}}@media(min-width:1500px){.home{padding-top:65px}.hero-book{width:280px;height:380px;margin:30px 0 45px}.black-cover{padding-top:65px}.cover-label h2{font-size:44px}.cover-star{margin-top:28px}}@media(max-width:1150px){.margin-note,.right-note{display:none}.workspace{padding:0 35px}.topbar-note{display:none}.book-stage{max-width:690px}.book-heading{max-width:700px}.open-book{min-height:720px}.pocket-grid{min-height:640px;gap:14px 12px}.add-pocket{font-size:16px}}@media(max-width:650px){.workspace{padding:0 18px}.topbar{height:68px}.brand{font-size:19px}.topbar .secondary{font-size:0;padding:9px;gap:0}.topbar .secondary>svg:not(.drawably-svg){width:19px;height:19px}.book-heading{margin:30px 0 22px}.book-heading h1{font-size:32px}.book-heading .eyebrow{font-size:7px;letter-spacing:1.5px}.book-heading p{font-size:7px;letter-spacing:.8px}.heading-star{font-size:22px;margin-left:8px}.size-control{width:100px;font-size:12px;margin-left:10px}.size-control select{padding:7px 3px;font-size:9px}.book-stage{padding-left:7px;padding-right:4px}.open-book{padding:15px 12px 12px 23px;border-left-width:9px;min-height:0;aspect-ratio:1/1.414}.open-book .rings{left:-21px;width:29px}.open-book .rings i{width:30px;height:13px}.open-book .rings i:after{top:3px;right:4px;bottom:4px;left:3px}.page-top{font-size:5px;letter-spacing:.8px;margin:1px 0 12px}.pocket-grid{gap:10px 8px;min-height:0;height:calc(100% - 49px)}.pocket{aspect-ratio:auto;min-height:0}.add-pocket{font-size:11px;gap:7px;padding:4px}.add-circle{width:29px;height:29px}.add-circle svg{width:17px}.add-pocket small{font-size:5px;letter-spacing:0;margin-top:-3px}.empty-pocket-number{font-size:6px;right:6px;bottom:6px}.polaroid{padding:4px 4px 0}.polaroid-caption{min-height:32px;padding:4px 1px 5px;gap:4px}.polaroid-caption>span:first-child{font-size:8px}.stars{gap:1px}.stars svg{width:6px;height:6px}.page-bottom{font-size:5px;letter-spacing:.25px;margin-top:12px}.workspace-footer{flex-direction:column;align-items:center;gap:10px;margin-top:12px;font-size:8px;padding-top:25px}.size-A3{gap:7px 5px}.size-A3 .polaroid{padding:3px 3px 0}.size-A3 .polaroid-caption{min-height:25px;gap:2px}.size-A3 .polaroid-caption>span:first-child{font-size:6px}.size-A3 .add-pocket{font-size:9px}.size-A3 .add-pocket small{display:none}.size-A3 .add-circle{width:24px;height:24px}.size-B5{gap:15px 10px;grid-template-rows:repeat(2,1fr)}.size-A5 .pocket{aspect-ratio:.79}.size-A5{align-items:center}.size-B5 .polaroid-caption,.size-A5 .polaroid-caption{min-height:42px}.size-B5 .polaroid-caption>span:first-child,.size-A5 .polaroid-caption>span:first-child{font-size:11px}.modal-inner{padding:30px 23px}.form-polaroid{padding:10px 10px 0}.large{padding:12px 12px 0}.home{padding-top:35px}.home h1{font-size:39px}.hero-book{width:225px;height:310px;margin:20px 0 30px}.black-cover{padding:45px 20px 20px 34px}.cover-label h2{font-size:32px}.cover-star{font-size:27px;margin-top:12px}.home-note{font-size:13px}.home-title .eyebrow{font-size:8px}}.primary.drawably-button,.secondary.drawably-button{background:transparent;border:0}.primary.drawably-button{color:var(--paper);font-family:Drawably Pen;padding:12px 20px}.secondary.drawably-button{padding:10px 15px}.drawably-input input,.drawably-select select{border:0!important}.drawably-input,.drawably-select{max-width:100%}.size-control .drawably-select{width:100%!important;font-size:11px}.onboarding .drawably-input{display:block;width:100%}.size-control select{background:transparent}.drawably-button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.inline-error{padding:12px;background:#f6e3db;color:#a62e26;border-radius:3px;font-size:12px;line-height:1.6}.developing-photo{display:grid;gap:20px;width:100%;border:0;padding:18px 0 0;background:transparent;color:var(--ink);cursor:pointer}.developing-photo .polaroid{margin:0 auto}.develop-hint{font-family:Drawably Pen,cursive;font-size:15px;color:var(--ink-muted)}.cover-label h2{font-size:29px}.cover-label>span{letter-spacing:1.4px}.cover-label{padding-inline:6px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:650px){.book-grid-shell .pocket-grid{height:auto;aspect-ratio:auto;grid-auto-rows:minmax(min-content,1fr)}.open-book{aspect-ratio:auto}.book-grid-shell .size-B5{grid-template-rows:repeat(2,minmax(min-content,1fr))}.book-grid-shell .size-A5{grid-auto-rows:auto}.book-grid-shell .size-A5 .pocket{aspect-ratio:.79}}.polaroid:not(.form-polaroid){container-type:inline-size;--frame-side: 8px;padding:var(--frame-side) var(--frame-side) calc(var(--frame-side) * 1.3)}.polaroid.large{--frame-side: 12px}.polaroid .polaroid-caption{align-items:stretch;justify-content:flex-start;min-height:0;gap:0;padding:5px 0 0;text-align:left}.polaroid-name-field{min-width:0}.polaroid .polaroid-name{display:block;width:100%;font:400 clamp(14px,9cqw,27px)/1.05 "Drawably Pen",cursive;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pen-rule{display:block;width:100%;height:4px;color:var(--ink);opacity:.55}.pen-rule.pen-rule-secondary{color:var(--ink-muted);opacity:.6}.polaroid-rating{display:flex;align-items:end;justify-content:space-between;gap:2px;margin-top:6px}.polaroid .polaroid-rating .stars{gap:clamp(0px,.5cqw,2px)}.polaroid .polaroid-rating .stars svg{width:clamp(4px,6cqw,18px);height:clamp(4px,6cqw,18px)}.polaroid-date{color:var(--ink-muted);font:clamp(9px,6.33cqw,19px)/1 "Drawably Pen",cursive;flex-shrink:0}.pen-box{position:relative;display:inline-grid;place-items:center;padding:clamp(1px,1.33cqw,4px) clamp(2px,2cqw,6px)}.pen-box svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.polaroid-text-field{margin-top:5px;min-width:0}.polaroid .polaroid-purpose,.polaroid .polaroid-footnote{margin:0;font:400 clamp(8px,4.33cqw,13px)/1.35 Nunito,sans-serif;color:var(--ink-muted);overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.polaroid .polaroid-purpose{font-family:Drawably Pen,cursive}.polaroid .polaroid-footnote{font-style:italic}.employee-form textarea{width:100%;resize:vertical;min-height:64px;padding:10px 12px;border:1px solid var(--paper-edge);border-radius:3px;background:#fffaf3;color:var(--ink);font:400 13px/1.5 Inter,sans-serif}.employee-form textarea:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.employee-form textarea::placeholder{color:var(--ink-muted)}.employee-form .form-nudge{margin:-10px 0 0;font:15px/1.35 Drawably Pen,cursive;color:var(--ink-muted)}.pen-tooltip-anchor{display:block;width:91%;min-width:0}.book-grid-card-layout .pen-tooltip-anchor .card-button{width:100%}.pen-tooltip-position{position:absolute;z-index:200;width:min(280px,calc(100vw - 24px));pointer-events:none}.pen-tooltip{position:relative;display:grid;gap:6px;padding:13px 15px;background:var(--paper);color:var(--ink);transform:rotate(-1.5deg);box-shadow:none;border:0;border-radius:0}.pen-tooltip-heading{font:11px/1.3 Drawably Pen,cursive;color:var(--ink-muted);letter-spacing:1.2px}.pen-tooltip-body,.pen-tooltip-pip{font:13px/1.4 Nunito,sans-serif;overflow-wrap:anywhere}.pen-tooltip-pip{color:var(--accent)}.drawably-svg{animation-duration:var(--boil-duration, 1.2s);animation-delay:calc(var(--boil-offset, 0) * -1 * var(--boil-duration, 1.2s))}.pen-live.drawably-svg{position:static;inset:auto;z-index:auto}.pen-rule.pen-live{height:4px}.pen-box>.pen-live.drawably-svg{position:absolute;top:0;right:0;bottom:0;left:0}.pen-frame.drawably-svg{z-index:1;color:#d3c9b9}.polaroid>.pen-frame{opacity:.5}.book-grid-shell .pocket{border-color:transparent}.save-indicator{font:14px Drawably Pen,cursive;color:var(--ink-muted)}.storage-notice{max-width:800px;margin:20px auto;padding:12px 18px;color:var(--ink-muted);font:12px/1.5 Nunito,sans-serif;text-align:center}.storage-notice p{margin:0 0 5px}button.drawably-button.cta-hire{--drawably-ink: var(--accent);color:#fff;gap:8px;padding:9px 18px;font:17px Drawably Pen,cursive}button.drawably-button.cta-hire svg{stroke:currentColor}button.drawably-button.cta-hire:hover:not(:disabled){transform:rotate(-1deg) scale(1.02)}.app-explainer{text-align:center;color:var(--ink-muted);font:12px Nunito,sans-serif;margin:12px 0}.red-flag-caption{display:block;color:var(--accent);font:13px Drawably Pen,cursive;margin-top:5px}.dress-heading{font:23px Drawably Pen,cursive;margin:8px 0 14px}@media(max-width:650px){.topbar{flex-wrap:wrap;height:auto;padding:14px 0}.topbar .secondary{font:14px Drawably Pen;padding:8px 10px;gap:6px}.save-indicator{order:3;width:100%}}:root{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}body{overflow-x:hidden;overscroll-behavior-y:contain}.workspace,.book-heading>div,.book-stage,.open-book,.book-grid-shell{min-width:0}.workspace .book-stage{width:min(100%,50.9vh);padding:0 5px 0 12px}@supports (height: 1svh){.workspace .book-stage{width:min(100%,50.9svh)}}.workspace .open-book{width:100%;min-height:0;aspect-ratio:1 / 1.4142;display:flex;flex-direction:column;padding:12px 12px 10px 26px}.open-book .book-grid-shell{flex:1;min-height:0}.open-book .book-grid-shell .pocket-grid{width:100%;height:100%;min-height:0;aspect-ratio:auto;margin:0;padding:0;gap:clamp(6px,1vw,14px);align-content:center;align-items:center;grid-auto-rows:auto;grid-template-rows:none}.open-book .book-grid-shell .pocket{width:100%;min-width:0;padding:0;aspect-ratio:1 / 1.25;min-height:0}.page-top{margin:0 0 8px}.page-bottom{margin:8px 0 0;min-width:0;padding-right:62px}.page-bottom>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-heading h1.company-name{overflow-wrap:break-word;word-break:normal;-webkit-hyphens:auto;hyphens:auto;font-size:clamp(1.75rem,9vw,3.5rem);line-height:1.05;text-wrap:balance}.book-heading h1.long-name{font-size:clamp(1.75rem,5vw,2.3rem)}.book-heading p{font:14px/1.4 Nunito,sans-serif;letter-spacing:0}.book-heading p span{padding:0;color:inherit}.size-previews button{min-width:44px;min-height:44px}.book-size-picker .size-previews{flex-wrap:wrap}.book-grid-shell{touch-action:pan-y}.book-zoom-viewport{position:absolute;top:0;right:0;bottom:0;left:0;overscroll-behavior:contain}.book-zoom-content{width:100%;height:100%;transform-origin:top left}.book-zoom-toggle{position:absolute;right:0;bottom:-37px;min-height:44px;min-width:44px;z-index:5;background:transparent;font:14px Drawably Pen}.hire-fab{--drawably-ink: var(--accent)}.book-grid-card-layout .card-button,.card-drag-handle{touch-action:pan-y}.card-drag-handle{width:44px;height:44px}.book-grid-drag-overlay{transform:rotate(3deg) scale(1.06);filter:drop-shadow(0 18px 15px #31291f55)}.book-grid-shell .polaroid:not(.form-polaroid){--frame-side: 4px}.book-grid-shell .polaroid{aspect-ratio:1 / 1.25;display:grid;grid-template-rows:minmax(0,1fr) auto}.book-grid-shell .polaroid>.photo-window{height:100%;width:auto;max-width:100%;min-height:0;justify-self:center}.book-grid-shell .polaroid .red-flag-caption{font-size:10px;margin-top:2px}.book-grid-shell .pip-flag{width:clamp(12px,14%,34px)}.book-grid-shell .polaroid-name{font-size:clamp(10px,3.2vw,22px)}.book-grid-shell .polaroid-caption{padding-top:2px}.book-grid-shell .polaroid-rating,.book-grid-shell .polaroid-text-field{margin-top:2px}@supports (container-type: inline-size){.pocket,.back-pocket{container:pocket / inline-size}.book-grid-shell .polaroid{container-type:normal}.book-grid-shell .polaroid-name{font-size:clamp(10px,13cqi,22px)}.book-grid-shell .polaroid-purpose{font-size:clamp(8px,8cqi,13px)}.book-grid-shell .polaroid-date{font-size:clamp(8px,7cqi,11px)}.book-grid-shell .polaroid-rating .stars svg{width:clamp(6px,8cqi,18px);height:clamp(6px,8cqi,18px)}}@container pocket (max-width: 150px){.polaroid-text-field,.polaroid-date,.red-flag-caption{display:none}.polaroid-name-field .pen-rule{height:2px}}@container pocket (max-width: 110px){.polaroid-rating{display:none}}@container pocket (max-width: 70px){.polaroid-caption{display:none}}button.drawably-button.hire-fab{position:fixed;z-index:40;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));min-height:56px;padding:12px 18px;display:flex;align-items:center;gap:8px;background:transparent;color:#fff;font:20px Drawably Pen}.mobile-book-options{display:flex;flex-direction:column;gap:18px}.mobile-book-toolbar{display:flex;align-items:center;gap:10px;margin-top:12px}.compact-book-size{flex:1;min-width:0;max-width:190px}.compact-book-size .drawably-select{width:100%}.compact-book-size select{width:100%;min-height:44px;font:17px Drawably Pen,cursive;padding:8px 28px 8px 10px}.mobile-book-toolbar .book-export{display:flex;align-items:center;justify-content:center;flex-shrink:0;gap:7px;min-height:44px;padding:8px 12px;font:17px Drawably Pen,cursive}.mobile-book-options .book-size-picker{width:100%}.mobile-book-options .surface-picker{font-size:14px;margin-left:0;align-self:flex-start}.mobile-book-options .save-indicator{width:auto;order:initial}.mobile-book-options button,.overflow-toggle{min-height:44px;min-width:44px}.modal{max-height:96vh;max-height:96dvh;max-width:calc(100% - 16px)}.sticker-item{touch-action:none}.booth .booth-error{font:16px/1.4 Drawably Pen,cursive}.polaroid.large .polaroid-purpose,.polaroid.large .polaroid-footnote{display:block;-webkit-line-clamp:unset;overflow:visible}.polaroid.large .polaroid-name{white-space:normal;overflow:visible;overflow-wrap:break-word}@media(max-width:767px){.book-grid-shell :is(.size-B5,.size-A5) .polaroid-text-field{display:block;margin-top:2px}.book-grid-shell :is(.size-B5,.size-A5) .polaroid-text-field .pen-rule{display:none}.book-grid-shell :is(.size-B5,.size-A5) .polaroid-name{font-size:clamp(12px,9cqi,17px)}.book-grid-shell :is(.size-B5,.size-A5) .polaroid-purpose,.book-grid-shell :is(.size-B5,.size-A5) .polaroid-footnote{font-size:10px;font-size:clamp(9px,6cqi,11px);line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.book-grid-shell :is(.size-B5,.size-A5) .polaroid-rating .stars svg{width:clamp(6px,6cqi,11px);height:clamp(6px,6cqi,11px)}.workspace{padding:0 12px 84px}.workspace .topbar{height:54px;padding:5px 0;flex-wrap:nowrap;gap:8px}.topbar .brand{font-size:20px;white-space:nowrap;gap:6px}.topbar .brand>svg{width:18px;flex-shrink:0}.overflow-toggle{font:28px Drawably Pen;padding:0 8px}.book-heading{display:block;margin:12px 0 16px}.book-heading .heading-star{display:none}.book-heading h1{margin:0 0 6px}.workspace .open-book{border-left-width:6px;padding:8px 8px 8px 16px}.open-book .rings{left:-17px;width:24px}.open-book .rings i{width:24px;height:11px}.open-book .rings i:after{top:3px;right:3px;bottom:3px;left:3px}.margin-note,.right-note{display:none}.card-drag-handle{opacity:0;pointer-events:none}.card-drag-handle:focus-visible{opacity:1;pointer-events:auto}.add-pocket,.size-A3 .add-pocket{font-size:14px;gap:3px;padding:1px}.add-circle,.size-A3 .add-circle{width:24px;height:24px}.workspace-footer{padding-top:10px;font-size:14px}.workspace-footer>span:first-child{display:none}.pagination{margin:16px 0}.pagination button{min-width:44px;min-height:44px}.storage-notice{font-size:14px;margin-bottom:78px}.employee-form input,.employee-form textarea,.employee-form select{font-size:16px}.booth-camera-prompt{padding:12px}.booth-camera-prompt button{min-width:0;max-width:100%}.sticker-toolbar-buttons button{min-height:44px}.mobile-book-options .surface-picker{font-size:0}.mobile-book-options .surface-picker select{font:16px Nunito,sans-serif}}@media(max-width:430px){.page-top>span:last-child{display:none}.page-top,.page-bottom{font-size:10px}}@media(max-width:359px){.workspace{padding-inline:8px}.topbar .brand{font-size:18px}}