/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.block{display:block}.table{display:table}}:root{--ink:#14241f;--muted:#6f7772;--paper:#f5f1e9;--panel:#fffdf9;--line:#ded8cc;--green:#1e775d;--green-dark:#155a46;--yellow:#f3c74d}*{box-sizing:border-box}html{background:var(--paper)}body{color:var(--ink);background:radial-gradient(circle at 7% 2%, #f3c74d29, transparent 19rem), var(--paper);margin:0;font-family:Microsoft YaHei,PingFang SC,Noto Sans CJK SC,system-ui,sans-serif}button,input{font:inherit}button{color:inherit}.app-shell{min-height:100vh}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:30;background:#fffdf9d1;border-bottom:1px solid #14241f1f;justify-content:space-between;align-items:center;height:76px;padding:0 clamp(18px,4vw,64px);display:flex;position:sticky;top:0}.brand{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.brand-mark{background:var(--ink);border-radius:13px;grid-template-columns:1fr 1fr;gap:4px;width:41px;height:41px;padding:8px;display:grid;transform:rotate(-3deg);box-shadow:0 7px 15px #14241f2e}.brand-mark i{background:var(--yellow);border-radius:50%}.brand-mark i:nth-child(2){background:#ef7168}.brand-mark i:nth-child(3){background:#6cc2ce}.brand-mark i:nth-child(4){background:#f0eee7}.brand strong,.brand small{display:block}.brand strong{letter-spacing:.08em;font-size:18px}.brand small{color:var(--muted);margin-top:2px;font-size:10px}.header-actions{gap:10px;display:flex}.ghost-button,.primary-button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;padding:10px 18px;font-weight:700}.primary-button{color:#fff;border-color:var(--green);background:var(--green);box-shadow:0 6px 14px #1e775d33}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.intro-strip{grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);align-items:end;gap:28px;padding:40px clamp(18px,4vw,64px) 30px;display:grid}.eyebrow{color:var(--green);letter-spacing:.14em;margin-bottom:10px;font-size:12px;font-weight:800;display:block}.intro-strip h1{letter-spacing:-.04em;max-width:780px;margin:0;font-family:Georgia,Songti SC,serif;font-size:clamp(32px,4.2vw,58px);line-height:1.08}.intro-strip p{color:var(--muted);border-left:2px solid var(--yellow);margin:0;padding-left:18px;font-size:14px;line-height:1.85}.quick-start{border:1px solid var(--line);background:#fffdf9c2;border-radius:16px;grid-template-columns:minmax(130px,.75fr) repeat(3,minmax(150px,1fr)) auto;align-items:stretch;gap:8px;margin:0 clamp(18px,4vw,64px) 14px;padding:10px;display:grid;box-shadow:0 10px 26px #26312c0a}.quick-start-copy{flex-direction:column;justify-content:center;padding:7px 9px;display:flex}.quick-start-copy b,.quick-start-copy small,.quick-start button b,.quick-start button small{display:block}.quick-start-copy b{font-size:12px}.quick-start-copy small{color:var(--muted);margin-top:3px;font-size:8px;line-height:1.45}.quick-start button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:11px;align-items:center;gap:9px;min-height:54px;padding:8px 10px;transition:border-color .18s,transform .18s,box-shadow .18s;display:flex}.quick-start button:hover{border-color:#9fb9ae;transform:translateY(-1px);box-shadow:0 7px 16px #26312c12}.quick-start button>span{width:30px;height:30px;color:var(--green);background:#e3f0ea;border-radius:9px;flex:none;place-items:center;font-weight:900;display:grid}.quick-start button b{font-size:10px}.quick-start button small{color:var(--muted);margin-top:2px;font-size:8px}.quick-start button.quick-start-primary{color:#fff;border-color:var(--green);background:var(--green)}.quick-start button.quick-start-primary>span{color:var(--ink);background:var(--yellow)}.quick-start button.quick-start-primary small{color:#ffffffad}.quick-start>p{min-width:118px;color:var(--muted);white-space:nowrap;align-items:center;gap:8px;margin:0;padding:0 9px;font-size:8px;display:flex}.project-safety{border:1px solid var(--line);background:#fffdf9e6;border-radius:16px;grid-template-columns:minmax(280px,1fr) auto;align-items:center;gap:8px 14px;margin:0 clamp(18px,4vw,64px) 14px;padding:10px 12px;display:grid;box-shadow:0 10px 26px #26312c0a}.project-identity{grid-template-columns:auto minmax(140px,300px) auto;align-items:center;gap:8px;min-width:0;display:grid}.project-identity label{color:var(--muted);font-size:9px;font-weight:700}.project-identity input{min-width:0;color:var(--ink);background:#f4f0e8;border:1px solid #0000;border-radius:8px;outline:none;padding:7px 9px;font-size:11px;font-weight:800}.project-identity input:focus{border-color:var(--green);background:#fff;box-shadow:0 0 0 3px #1e775d17}.project-identity small{color:var(--muted);white-space:nowrap;align-items:center;gap:7px;font-size:8px;display:flex}.project-identity .status-dot{width:5px;height:5px;box-shadow:0 0 0 3px #62b28f1f}.project-actions{justify-content:flex-end;gap:5px;display:flex}.project-actions button{border:1px solid var(--line);min-height:34px;color:var(--green-dark);cursor:pointer;background:#fff;border-radius:8px;padding:6px 9px;font-size:8px;font-weight:800}.project-actions button.active,.project-actions button:hover{color:#fff;border-color:var(--green);background:var(--green)}.project-safety>p{color:var(--muted);text-align:right;grid-column:1/-1;margin:-2px 0 0;font-size:7px}.project-library-panel{border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:18px;margin-top:3px;padding-top:12px;display:grid}.project-library-heading{justify-content:space-between;align-items:flex-start;gap:10px;min-height:34px;display:flex}.project-library-heading b,.project-library-heading small{display:block}.project-library-heading b{font-size:10px}.project-library-heading small{color:var(--muted);margin-top:3px;font-size:7px}.project-library-heading>button{color:var(--green);cursor:pointer;background:0 0;border:0;font-size:8px;font-weight:800}.project-library-heading>span{color:var(--green);background:#e4f1eb;border-radius:999px;padding:3px 6px;font-size:7px;font-weight:800}.project-list,.snapshot-list{max-height:220px;overflow-y:auto}.project-list>div{background:#fff;border:1px solid #e1dbd0;border-radius:9px;grid-template-columns:1fr 31px;margin-top:5px;display:grid;overflow:hidden}.project-list>div.active{box-shadow:inset 3px 0 0 var(--green);border-color:#1e775d8c}.project-open{text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:8px 10px;display:flex}.project-open span{min-width:0}.project-open b,.project-open small{display:block}.project-open b{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.project-open small{color:var(--muted);margin-top:3px;font-size:7px}.project-open strong{color:var(--green);font-size:7px}.project-delete{color:#aa5b52;cursor:pointer;background:#fbf8f3;border:0;border-left:1px solid #eee8df}.project-delete:disabled{color:#c9c4bb;cursor:not-allowed}.snapshot-list>div{border-bottom:1px solid #ece7de;justify-content:space-between;align-items:center;gap:9px;min-height:45px;padding:7px 8px;display:flex}.snapshot-list b,.snapshot-list small{display:block}.snapshot-list b{font-size:9px}.snapshot-list small{color:var(--muted);margin-top:3px;font-size:7px}.snapshot-list button{color:var(--green);cursor:pointer;background:#fff;border:1px solid #b7cdc4;border-radius:7px;padding:5px 8px;font-size:7px;font-weight:800}.snapshot-list>p{color:var(--muted);text-align:center;border:1px dashed #d7d0c5;border-radius:9px;margin:7px 0;padding:18px;font-size:8px}.studio{grid-template-columns:260px minmax(500px,1fr) 270px;align-items:start;gap:14px;padding:0 clamp(18px,4vw,64px);display:grid}.panel{border:1px solid var(--line);background:#fffdf9f0;border-radius:18px;overflow:hidden;box-shadow:0 16px 40px #26312c0f}.left-panel,.right-panel{min-height:710px}.panel-heading,.canvas-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:67px;padding:15px 16px;display:flex}.panel-heading>div:first-child,.canvas-toolbar>div:first-child{align-items:center;gap:9px;display:flex}.step{width:27px;height:27px;color:var(--green);background:#e1f0e9;border-radius:50%;place-items:center;font:800 10px/1 system-ui;display:grid}.panel h2,.canvas-toolbar h2{margin:0;font-size:14px}.undo-group,.view-switch,.size-switch{background:#eeeae2;border-radius:9px;padding:3px;display:flex}.undo-group button,.view-switch button,.size-switch button{cursor:pointer;background:0 0;border:0;border-radius:7px;min-width:34px;padding:6px 9px}.undo-group button:disabled{opacity:.3}.view-switch button{font-size:11px}.view-switch button.active,.size-switch button.active{background:#fff;box-shadow:0 1px 4px #00000014}.canvas-actions{gap:7px;display:flex}.size-switch button{cursor:pointer;min-width:31px;padding-left:6px;padding-right:6px;font-size:9px}.tool-grid{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:8px;padding:14px;display:grid}.tool-grid button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:8px;padding:10px 7px;font-size:12px;display:flex}.tool-grid button span{width:21px;height:21px;color:var(--green);place-items:center;font-size:16px;display:grid}.tool-grid button.active{border-color:var(--green);color:var(--green-dark);box-shadow:inset 0 0 0 1px var(--green);background:#eaf4ef}.shortcut-help{border-bottom:1px solid var(--line);background:#faf7f1}.shortcut-help summary{color:var(--muted);cursor:pointer;padding:9px 14px;font-size:9px;font-weight:700}.shortcut-help>div{color:var(--muted);grid-template-columns:1fr 1fr;gap:6px;padding:0 14px 11px;font-size:8px;display:grid}.shortcut-help span{align-items:center;gap:5px;display:flex}.shortcut-help kbd{min-width:22px;color:var(--ink);text-align:center;background:#fff;border:1px solid #cfc8bd;border-bottom-width:2px;border-radius:4px;padding:2px 4px;font:700 7px/1.2 system-ui}.section-block{padding:15px 14px 18px}.label-row{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:11px;display:flex}.label-row strong{color:var(--green)}.current-color{align-items:center;gap:10px;margin-bottom:10px;display:flex}.current-color>span{border:1px solid #0000001a;border-radius:50%;width:38px;height:38px;box-shadow:inset 3px 3px 5px #ffffff94,inset -3px -3px 5px #00000024}.current-color b,.current-color small{display:block}.current-color b{font-size:13px}.current-color small{color:var(--muted);margin-top:3px;font-size:9px}.search-input{border:1px solid var(--line);background:#fff;border-radius:9px;outline:none;width:100%;padding:9px 10px;font-size:11px}.search-input:focus{border-color:var(--green);box-shadow:0 0 0 3px #1e775d1a}.series-tabs{scrollbar-width:none;gap:4px;padding:10px 0 8px;display:flex;overflow-x:auto}.series-tabs button{cursor:pointer;background:0 0;border:0;border-radius:999px;padding:4px 8px;font-size:10px}.series-tabs button.active{color:#fff;background:var(--ink)}.palette-grid{grid-template-columns:repeat(6,1fr);gap:5px;max-height:353px;padding:2px;display:grid;overflow-y:auto}.palette-grid button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;min-width:0;padding:3px 2px}.palette-grid button span{aspect-ratio:1;background:var(--swatch);border-radius:50%;display:block;box-shadow:inset 2px 2px 3px #ffffff73,inset -2px -2px 3px #0000001f}.palette-grid button small{color:#4e5752;margin-top:2px;font-size:8px;display:block}.palette-grid button.selected{border-color:var(--ink);background:#eeeae2}.canvas-panel{min-width:0}.canvas-toolbar{padding-left:20px;padding-right:20px}.mobile-tool-dock{display:none}.canvas-utility-bar{border-bottom:1px solid var(--line);background:#faf7f1;justify-content:space-between;align-items:center;gap:12px;min-height:41px;padding:6px 16px;display:flex}.canvas-utility-bar>span{color:var(--muted);align-items:center;gap:7px;font-size:9px;font-weight:700;display:flex}.canvas-utility-bar>span i{border:1px solid #0000001a;border-radius:50%;width:13px;height:13px;box-shadow:inset -1px -1px 2px #00000024}.zoom-control{background:#ebe6dc;border-radius:8px;align-items:center;padding:2px;display:flex}.zoom-control button{min-width:29px;min-height:27px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px 7px;font-size:9px;font-weight:800}.zoom-control button:last-child{background:#fff;margin-left:2px}.zoom-control button:disabled{opacity:.3;cursor:not-allowed}.zoom-control output{min-width:38px;color:var(--muted);text-align:center;font-size:8px;font-weight:800}.board-stage{scrollbar-gutter:stable;background-color:#ebe6dc;background-image:linear-gradient(#14241f06 1px,#0000 1px),linear-gradient(90deg,#14241f06 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:18px 18px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;max-height:760px;padding:24px 26px 20px;overflow:auto}.canvas-empty-tip{width:fit-content;color:var(--green-dark);background:#fffdf9e0;border:1px solid #1e775d2e;border-radius:999px;margin:0 auto 13px;padding:7px 11px;font-size:8px;font-weight:700}.board-zoom{width:min(calc(100% * var(--zoom)), calc(650px * var(--zoom)));min-width:260px;margin:0 auto}.board-ruler{grid-template-columns:repeat(var(--size), 1fr);color:#7d776d;text-align:center;margin:0 auto 4px;font-size:7px;display:grid}.bead-board{--gap:2px;aspect-ratio:1;grid-template-columns:repeat(var(--size), 1fr);gap:var(--gap);touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#ffffffbd,#cac6bdc7),#d8d6cf;border:1px solid #beb9ae;border-radius:14px;width:100%;margin:0 auto;padding:12px;display:grid;position:relative;box-shadow:0 16px 28px #30353129,inset 0 1px #ffffffe6}.bead-board:before{content:"";z-index:4;pointer-events:none;background:linear-gradient(to right, transparent calc(100% - 1.5px), #4b453dad 0) 0 0 / calc(100% / var(--boards)) 100%, linear-gradient(to bottom, transparent calc(100% - 1.5px), #4b453dad 0) 0 0 / 100% calc(100% / var(--boards));border-bottom:1px solid #4b453d8c;border-right:1px solid #4b453d8c;position:absolute;inset:12px}.bead-board button{aspect-ratio:1;cursor:crosshair;z-index:1;background:radial-gradient(circle,#a8a69f 0 18%,#0000 20%),radial-gradient(circle at 35% 30%,#faf9f5,#cbc9c1 70%);border:0;border-radius:50%;min-width:0;min-height:0;padding:0;position:relative;box-shadow:0 1px 1px #00000038}.bead-board button.has-bead{background:radial-gradient(circle, #232825b3 0 16%, #ffffff38 18%, transparent 21%), radial-gradient(circle at 31% 27%, #ffffffb3, transparent 27%), var(--bead);box-shadow:inset -2px -2px 3px #00000038,0 1px 2px #00000047}.bead-board.pattern{border-radius:8px;gap:0;padding:9px}.bead-board.pattern:before{inset:9px}.bead-board[data-board-size="58"]{--gap:1px;border-radius:10px;padding:8px}.bead-board[data-board-size="58"]:before{inset:8px}.bead-board[data-board-size="87"]{--gap:0px;border-radius:9px;padding:6px}.bead-board[data-board-size="87"]:before{inset:6px}.bead-board[data-board-size="58"].pattern,.bead-board[data-board-size="87"].pattern{padding:6px}.bead-board[data-board-size="58"].pattern:before,.bead-board[data-board-size="87"].pattern:before{inset:6px}.bead-board[data-board-size="58"].pattern button small,.bead-board[data-board-size="87"].pattern button small{display:none}.bead-board.pattern button{box-shadow:none;background:#faf8f3;border-radius:0;outline:1px solid #5b54491f}.bead-board.pattern button:nth-child(5n){border-right:1px solid #3d373059}.bead-board.pattern button.has-bead{background:var(--bead)}.bead-board.pattern button small{pointer-events:none;color:#000000b8;mix-blend-mode:multiply;font-size:clamp(4px,.6vw,7px);font-weight:800}.bead-board.crafting button{cursor:pointer}.bead-board.crafting button.craft-outside{opacity:.12}.bead-board.crafting button.has-bead.craft-muted{filter:grayscale(.45)saturate(.35);opacity:.18}.bead-board.crafting button.has-bead.craft-target{filter:none;opacity:1;outline-offset:1px;outline:1px solid #14241f6b}.bead-board.crafting button.has-bead.craft-target.completed{opacity:.42}.bead-board.crafting button.has-bead.craft-next{z-index:3;outline-offset:2px;outline:2px solid #f0b52c;box-shadow:0 0 0 4px #f0b52c38,inset -2px -2px 3px #00000038}.bead-board.crafting button.craft-in-board.completed:after{content:"✓";color:#fff;text-shadow:0 1px 2px #0000008c;place-items:center;font-size:clamp(5px,.75vw,10px);font-weight:900;display:grid;position:absolute;inset:0}.canvas-footer{border-top:1px solid var(--line);min-height:51px;color:var(--muted);align-items:center;gap:8px;padding:0 20px;font-size:10px;display:flex}.canvas-footer p{flex:1;margin:0}.canvas-footer button,.text-button{color:var(--green);cursor:pointer;background:0 0;border:0;font-size:10px;font-weight:700}.status-dot{background:#62b28f;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #62b28f24}.summary-card{color:#fff;background:radial-gradient(circle at 100% 0, #f3c74d38, transparent 45%), var(--ink);border-radius:13px;grid-template-columns:1fr 1fr;gap:10px;margin:14px;padding:16px 13px;display:grid}.summary-card>div+div{border-left:1px solid #ffffff2e;padding-left:14px}.summary-card small{color:#ffffff9e;margin-bottom:4px;font-size:9px;display:block}.summary-card strong{font:700 26px/1 Georgia,serif}.summary-card span{color:#ffffffa6;margin-left:3px;font-size:9px}.inventory-list{height:320px;padding:0 14px 14px;overflow-y:auto}.inventory-list>div:not(.empty-state){border-bottom:1px solid #eeeae3;grid-template-columns:19px 31px 1fr 27px;align-items:center;gap:7px;min-height:34px;font-size:10px;display:grid}.inventory-list>div>strong{text-align:right}.mini-bead{border-radius:50%;width:15px;height:15px;box-shadow:inset 1px 1px 2px #fff9,inset -1px -1px 2px #00000026}.bar{background:#e9e5dd;border-radius:99px;height:3px;overflow:hidden}.bar i{border-radius:inherit;background:var(--green);height:100%;display:block}.empty-state{text-align:center;height:100%;color:var(--muted);place-content:center;display:grid}.empty-state span{background:#efebe3;border-radius:50%;place-items:center;width:38px;height:38px;margin:auto;font-size:20px;display:grid}.empty-state p{width:150px;font-size:11px;line-height:1.6}.craft-card{background:#f7f3eb;border:1px solid #d8d2c7;border-radius:13px;margin:0 14px 14px;padding:14px}.craft-title{align-items:center;gap:9px;display:flex}.craft-title>span{width:30px;height:30px;color:var(--green);background:#dceee7;border-radius:9px;place-items:center;font-weight:900;display:grid}.craft-title b,.craft-title small{display:block}.craft-title b{font-size:11px}.craft-title small{color:var(--muted);margin-top:2px;font-size:9px}.craft-section{margin-top:13px}.craft-section-heading{justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}.craft-section-heading b{font-size:9px}.craft-section-heading small{color:var(--muted);font-size:8px}.craft-board-tabs,.craft-color-list{scrollbar-width:thin;gap:5px;display:flex;overflow-x:auto}.craft-board-tabs button{min-width:45px;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #d6d0c5;border-radius:8px;padding:6px 7px}.craft-board-tabs button b,.craft-board-tabs button small{display:block}.craft-board-tabs button b{font-size:9px}.craft-board-tabs button small{color:var(--muted);margin-top:2px;font-size:7px}.craft-board-tabs button.active{border-color:var(--green);color:#fff;background:var(--green)}.craft-board-tabs button.active small{color:#ffffffb8}.craft-board-tabs button.done:not(.active){background:#e4f1eb;border-color:#9fc6b7}.craft-color-list button{min-width:54px;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #d8d2c7;border-radius:8px;grid-template-columns:13px 1fr auto;align-items:center;gap:4px;padding:5px 6px;display:grid}.craft-color-list button>span{border-radius:50%;width:12px;height:12px;box-shadow:inset -1px -1px 2px #00000029}.craft-color-list button b{font-size:8px}.craft-color-list button small{color:var(--muted);font-size:7px}.craft-color-list button.active{border-color:var(--green);box-shadow:0 0 0 1px var(--green)}.craft-color-list>p{color:var(--muted);margin:1px 0;font-size:9px}.craft-focus{color:#fff;background:var(--ink);border-radius:10px;margin-top:11px;padding:10px}.craft-focus-color{align-items:center;gap:8px;display:flex}.craft-focus-color>span{border:2px solid #ffffff7a;border-radius:50%;width:26px;height:26px}.craft-focus-color small,.craft-focus-color strong{display:block}.craft-focus-color small{color:#fff9;font-size:7px}.craft-focus-color strong{margin-top:1px;font-size:13px}.craft-focus-counts{grid-template-columns:repeat(3,1fr);margin-top:9px;display:grid}.craft-focus-counts>span+span{border-left:1px solid #ffffff21;padding-left:8px}.craft-focus-counts small,.craft-focus-counts b{display:block}.craft-focus-counts small{color:#ffffff8c;font-size:7px}.craft-focus-counts b{margin-top:2px;font-size:11px}.craft-coordinate{border-top:1px solid #ffffff24;margin-top:9px;padding-top:8px}.craft-coordinate b,.craft-coordinate small{display:block}.craft-coordinate b{color:#f2c454;font-size:9px}.craft-coordinate small{color:#ffffff9e;margin-top:3px;font-size:7px}.progress-track{background:#dfdad0;border-radius:99px;height:5px;margin:13px 0 7px;overflow:hidden}.progress-track i{border-radius:inherit;background:var(--green);height:100%;transition:width .2s;display:block}.progress-copy{color:var(--muted);justify-content:space-between;font-size:9px;display:flex}.progress-copy strong{color:var(--green)}.craft-overall{color:var(--muted);margin:6px 0 0;font-size:8px}.craft-progress-actions{grid-template-columns:1fr 1fr;gap:6px;margin-top:9px;display:grid}.craft-progress-actions button{color:var(--muted);cursor:pointer;background:#fff;border:1px solid #d2cbc0;border-radius:8px;padding:6px;font-size:8px;font-weight:700}.craft-progress-actions button:disabled{opacity:.42;cursor:not-allowed}.craft-card>button.craft-toggle{border:1px solid var(--green);width:100%;color:var(--green);cursor:pointer;background:0 0;border-radius:9px;margin-top:12px;padding:9px;font-size:10px;font-weight:800}.craft-card>button.craft-toggle.craft-active{color:#fff;background:var(--green)}.craft-card>button.craft-toggle:disabled{opacity:.42;cursor:not-allowed}.print-card{background:#fff;border:1px solid #cfc8bc;border-radius:13px;margin:0 14px 14px;padding:14px}.print-card-heading,.print-card>label{justify-content:space-between;align-items:center;gap:12px;display:flex}.print-card-heading b,.print-card-heading small,.print-card>label b,.print-card>label small{display:block}.print-card-heading b,.print-card>label b{font-size:10px}.print-card-heading small,.print-card>label small{color:var(--muted);margin-top:3px;font-size:8px}.print-card-heading>span{color:var(--green);background:#e4f1eb;border-radius:6px;padding:4px 7px;font-size:8px;font-weight:900}.print-card>label{border-top:1px solid #eee9e0;margin:12px 0;padding-top:11px}.print-card input{width:16px;height:16px;accent-color:var(--green)}.print-card>button{color:#fff;background:var(--ink);cursor:pointer;border:0;border-radius:9px;width:100%;padding:9px;font-size:10px;font-weight:800}.print-card>button:disabled{opacity:.45;cursor:not-allowed}.print-card>p{color:var(--muted);text-align:center;margin:8px 0 0;font-size:8px}.workflow{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin:26px clamp(18px,4vw,64px) 0;display:grid}.workflow>div{padding:24px;position:relative}.workflow>div+div{border-left:1px solid var(--line)}.workflow span{color:#14241f14;font:700 48px/1 Georgia,serif;position:absolute;top:14px;right:20px}.workflow b{font-size:13px;display:block}.workflow p{color:var(--muted);margin:7px 0 0;font-size:10px}footer{color:var(--muted);padding:24px clamp(18px,4vw,64px) 34px;font-size:10px}footer p{justify-content:space-between;margin:0;display:flex}.import-overlay{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0e1915ad;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.import-modal{background:#fffdf9;border:1px solid #fff6;border-radius:22px;width:min(920px,100%);max-height:calc(100vh - 48px);overflow-y:auto;box-shadow:0 30px 80px #00000047}.import-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding:20px 24px 17px;display:flex}.import-header .eyebrow{margin-bottom:5px;font-size:9px}.import-header h2{margin:0;font:700 23px/1.2 Georgia,Songti SC,serif}.import-header>button{border:1px solid var(--line);cursor:pointer;background:#f3efe7;border-radius:50%;width:34px;height:34px;font-size:22px;line-height:1}.import-body{grid-template-columns:minmax(330px,.92fr) minmax(360px,1.08fr);display:grid}.import-preview-wrap{background-color:#eee9df;background-image:linear-gradient(#14241f07 1px,#0000 1px),linear-gradient(90deg,#14241f07 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;flex-direction:column;justify-content:center;padding:24px;display:flex}.import-preview{aspect-ratio:1;grid-template-columns:repeat(var(--size), 1fr);background:#d4d1c9;border:1px solid #bbb5aa;border-radius:9px;gap:1px;width:min(100%,420px);margin:auto;padding:8px;display:grid;box-shadow:0 16px 30px #2027232e,inset 0 1px #fff}.import-preview span{background:radial-gradient(circle,#a7a49d 0 25%,#ece9e2 27% 100%);border-radius:50%;min-width:0}.import-preview span.filled{background:radial-gradient(circle, #1c1f1db3 0 17%, transparent 20%), var(--preview-color);box-shadow:inset -1px -1px 1px #0003}.import-preview-wrap>p{text-align:center;color:var(--muted);margin:14px 0 0;font-size:9px}.import-controls{border-left:1px solid var(--line);flex-direction:column;gap:12px;padding:19px 22px;display:flex}.control-row{border:1px solid var(--line);background:#fff;border-radius:11px;padding:11px 13px;display:block}.control-row>span{justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}.control-row b,.option-heading b,.toggle-option b{font-size:10px}.control-row small,.option-heading small,.toggle-option small{color:var(--muted);font-size:8px}.control-row input[type=range]{width:100%;height:4px;accent-color:var(--green);cursor:pointer}.control-split{grid-template-columns:1fr 1fr;gap:10px;display:grid}.option-block{border:1px solid var(--line);background:#f8f5ef;border-radius:11px;padding:12px 13px}.option-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.option-heading b,.option-heading small{display:block}.option-heading small{margin-top:2px}.option-heading strong{color:var(--green);white-space:nowrap;font-size:11px}.color-limit-options{grid-template-columns:repeat(6,1fr);gap:5px;margin-top:10px;display:grid}.color-limit-options button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:7px;padding:6px 2px;font-size:9px}.color-limit-options button.active{color:#fff;border-color:var(--green);background:var(--green)}.toggle-option{border:1px solid var(--line);background:#fff;border-radius:11px;justify-content:space-between;align-items:center;gap:16px;min-height:55px;padding:10px 13px;display:flex}.toggle-option b,.toggle-option small{display:block}.toggle-option small{margin-top:3px}.toggle-option>button{cursor:pointer;background:#d4d1ca;border:0;border-radius:99px;flex:none;width:37px;height:21px;padding:2px;transition:background .18s}.toggle-option>button i{background:#fff;border-radius:50%;width:17px;height:17px;transition:transform .18s;display:block;box-shadow:0 1px 3px #00000040}.toggle-option>button.on{background:var(--green)}.toggle-option>button.on i{transform:translate(16px)}.control-row.compact{background:#f8f5ef;margin-top:-4px;padding-top:9px;padding-bottom:9px}.import-footer{border-top:1px solid var(--line);background:#faf7f1;justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding:13px 24px;display:flex}.import-footer>div:first-child{color:var(--muted);font-size:11px}.import-footer>div:first-child b{color:var(--ink);font-size:16px}.import-footer>div:first-child span{margin:0 8px}.import-footer>div:last-child{gap:8px;display:flex}@media (width<=1100px){.project-safety{grid-template-columns:1fr}.project-actions{flex-wrap:wrap;justify-content:flex-start}.project-safety>p{text-align:left}.quick-start{grid-template-columns:130px repeat(3,1fr)}.quick-start>p{grid-column:1/-1;justify-content:center;min-height:23px}.studio{grid-template-columns:230px minmax(480px,1fr)}.right-panel{grid-column:1/-1;grid-template-columns:190px 1fr 270px;align-items:center;min-height:0;display:grid}.right-panel .panel-heading{border-bottom:0}.inventory-list{border-left:1px solid var(--line);border-right:1px solid var(--line);height:160px;padding-top:10px}.summary-card{display:none}.craft-card{margin-top:14px}.print-card{grid-column:1/-1;margin-top:0}}@media (width<=780px){.topbar{height:66px}.brand small,.ghost-button{display:none}.primary-button{padding:9px 12px;font-size:11px}.intro-strip{grid-template-columns:1fr;padding:24px 14px 18px}.intro-strip p{display:none}.quick-start{grid-template-columns:repeat(3,1fr);gap:6px;margin:0 10px 10px;padding:8px}.quick-start-copy,.quick-start>p{grid-column:1/-1}.quick-start-copy{padding:3px 4px 5px}.quick-start>p{justify-content:flex-start;min-height:20px;padding:0 4px}.quick-start button{text-align:center;flex-direction:column;justify-content:center;gap:5px;min-height:76px;padding:8px 5px}.quick-start button>span{width:27px;height:27px}.quick-start button small{display:none}.project-safety{margin:0 10px 10px;padding:9px}.project-identity{grid-template-columns:auto 1fr}.project-identity small{grid-column:1/-1}.project-actions{grid-template-columns:repeat(3,1fr);display:grid}.project-actions button{min-height:42px;padding:5px}.project-library-panel{grid-template-columns:1fr;gap:14px}.project-list,.snapshot-list{max-height:190px}.studio{flex-direction:column;padding:0 10px;display:flex}.canvas-panel{order:1;width:100%}.left-panel{order:2;width:100%;min-height:0}.right-panel{order:3;width:100%;display:block}.board-stage{max-height:72vh;padding:14px 8px 12px}.canvas-toolbar{align-items:flex-start;gap:10px}.canvas-actions{flex-direction:column;align-items:flex-end}.mobile-tool-dock{border-bottom:1px solid var(--line);z-index:20;background:#fffdf9f5;grid-template-columns:repeat(5,1fr);gap:4px;min-height:56px;padding:5px 7px;display:grid;position:sticky;top:66px}.mobile-tool-dock button{min-height:44px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px 2px;font-size:8px;font-weight:700;display:flex}.mobile-tool-dock button span{color:var(--green);font-size:14px}.mobile-tool-dock button.active{color:var(--green-dark);background:#eaf4ef;border-color:#1e775d38}.mobile-tool-dock button:disabled{opacity:.3}.canvas-utility-bar{padding-left:10px;padding-right:10px}.bead-board{--gap:1px;border-radius:9px;padding:7px}.bead-board:before{inset:7px}.palette-grid{grid-template-columns:repeat(9,1fr);max-height:270px}.right-panel .panel-heading{border-bottom:1px solid var(--line)}.summary-card{display:grid}.inventory-list{border:0;height:220px}.workflow{grid-template-columns:1fr}.import-overlay{place-items:end center;padding:8px}.import-modal{border-radius:18px 18px 0 0;max-height:calc(100vh - 8px)}.import-header{padding:16px}.import-header h2{font-size:19px}.import-body{grid-template-columns:1fr}.import-preview-wrap{padding:15px}.import-preview{width:min(78vw,350px)}.import-preview-wrap>p{margin-top:9px}.import-controls{border-left:0;border-top:1px solid var(--line);padding:14px}.import-footer{padding:10px 14px;position:sticky;bottom:0}.workflow>div+div{border-left:0;border-top:1px solid var(--line)}footer p{display:block}footer span{margin-top:7px;display:block}}@media (width<=430px){.intro-strip h1{font-size:31px}.palette-grid{grid-template-columns:repeat(8,1fr)}.project-actions{grid-template-columns:repeat(2,1fr)}.bead-board.pattern button small{display:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.home-page{--home-ink:#161a2b;--home-paper:#f7f4ed;--home-purple:#6756e8;--home-lime:#c8ff62;--home-pink:#ff78ae;--home-blue:#71d9f3;min-height:100vh;color:var(--home-ink);background:linear-gradient(#161a2b09 1px, transparent 1px), linear-gradient(90deg, #161a2b09 1px, transparent 1px), var(--home-paper);background-size:32px 32px;overflow:hidden}.home-page button,.home-page a{-webkit-tap-highlight-color:transparent}.home-page button{cursor:pointer;border:0}.home-page button:focus-visible,.home-page a:focus-visible{outline:3px solid var(--home-purple);outline-offset:4px}.home-nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;background:#ffffffd1;border:1px solid #161a2b21;border-radius:24px;grid-template-columns:1fr auto 1fr;align-items:center;width:min(1220px,100% - 40px);min-height:78px;margin:16px auto 0;padding:0 16px 0 18px;display:grid;position:relative;box-shadow:0 14px 40px #2d2a4e14}.home-brand{width:fit-content;color:var(--home-ink);align-items:center;gap:11px;text-decoration:none;display:flex}.home-brand-mark{border:2px solid var(--home-ink);background:var(--home-lime);width:42px;height:42px;box-shadow:4px 4px 0 var(--home-ink);border-radius:14px;grid-template-columns:repeat(2,1fr);gap:4px;padding:8px;display:grid;transform:rotate(-4deg)}.home-brand-mark i{background:var(--home-ink);border-radius:50%}.home-brand-mark i:nth-child(2){background:var(--home-purple)}.home-brand-mark i:nth-child(3){background:var(--home-pink)}.home-brand-mark i:nth-child(4){background:#fff}.home-brand strong,.home-brand small{display:block}.home-brand strong{letter-spacing:.08em;font-size:18px}.home-brand small{color:#76758a;margin-top:2px;font-size:10px;font-weight:700}.home-nav nav{align-items:center;gap:30px;display:flex}.home-nav nav a{color:#55546a;font-size:13px;font-weight:750;text-decoration:none}.home-nav nav a:hover{color:var(--home-purple)}.home-nav-studio{color:#fff;background:var(--home-ink);box-shadow:4px 4px 0 var(--home-purple);border-radius:13px;justify-self:end;padding:11px 17px;font-size:13px;font-weight:800}.home-nav-studio span{color:var(--home-lime);margin-left:8px}.home-hero{grid-template-columns:minmax(0,1.02fr) minmax(430px,.98fr);align-items:center;gap:72px;width:min(1220px,100% - 40px);min-height:690px;margin:0 auto;padding:82px 48px 74px;display:grid;position:relative}.home-hero:before{content:"";border:1px solid #6756e82e;border-radius:50%;width:320px;height:320px;position:absolute;top:30px;left:-240px;box-shadow:0 0 0 48px #6756e80a,0 0 0 96px #6756e806}.home-hero-copy{z-index:2;position:relative}.home-hero-kicker{flex-wrap:wrap;gap:8px;display:flex}.home-hero-kicker span{color:#55546a;letter-spacing:.08em;background:#ffffffa6;border:1px solid #161a2b24;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:850}.home-hero-copy h1{letter-spacing:-.065em;margin:24px 0 23px;font-size:clamp(48px,5.2vw,76px);line-height:1.04}.home-hero-copy h1 span{color:var(--home-purple);white-space:nowrap;position:relative}.home-hero-copy h1 span:after{content:"";z-index:-1;background:var(--home-lime);border-radius:999px;height:11px;position:absolute;bottom:-5px;left:2px;right:-4px;transform:rotate(-1deg)}.home-hero-copy>p{color:#666578;max-width:540px;margin:0;font-size:16px;line-height:1.9}.home-hero-actions{align-items:stretch;gap:12px;margin-top:32px;display:flex}.home-primary-action{min-height:68px;color:var(--home-ink);background:var(--home-lime);box-shadow:6px 6px 0 var(--home-ink);text-align:left;border-radius:17px;align-items:center;gap:13px;padding:10px 22px 10px 12px;transition:transform .16s,box-shadow .16s;display:flex;border:2px solid var(--home-ink)!important}.home-primary-action:hover{box-shadow:3px 3px 0 var(--home-ink);transform:translate(3px,3px)}.home-primary-action:disabled{cursor:wait;opacity:.72}.home-action-icon{color:#fff;background:var(--home-ink);border-radius:12px;place-items:center;width:42px;height:42px;font-size:23px;font-weight:900;display:grid}.home-primary-action b,.home-primary-action small{display:block}.home-primary-action b{font-size:14px}.home-primary-action small{color:#55573f;margin-top:4px;font-size:10px;font-weight:700}.home-secondary-action{color:var(--home-ink);background:#ffffffbd;border:1px solid #161a2b29;border-radius:17px;justify-content:center;align-items:center;gap:16px;padding:0 21px;font-size:13px;font-weight:800;text-decoration:none;display:flex}.home-secondary-action span{color:var(--home-purple);font-size:19px}.home-upload-notice{font-weight:800;color:var(--home-purple)!important;margin-top:16px!important;font-size:12px!important}.home-resume-row{border-top:1px dashed #161a2b30;max-width:480px;margin-top:25px;padding-top:20px}.home-resume-row button{text-align:left;background:0 0;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;padding:0;display:grid}.home-mini-thumb{background:#fff;border:1px solid #161a2b21;border-radius:11px;grid-template-columns:repeat(2,1fr);gap:3px;width:40px;height:40px;padding:8px;display:grid}.home-mini-thumb i{background:var(--home-pink);border-radius:50%}.home-mini-thumb i:nth-child(2){background:var(--home-lime)}.home-mini-thumb i:nth-child(3){background:var(--home-purple)}.home-mini-thumb i:nth-child(4){background:var(--home-blue)}.home-mini-thumb.blank{color:var(--home-purple);place-items:center;padding:0;font-size:22px;font-weight:500}.home-resume-row small,.home-resume-row b{display:block}.home-resume-row small{color:#838294;font-size:10px}.home-resume-row b{text-overflow:ellipsis;white-space:nowrap;max-width:340px;margin-top:3px;font-size:12px;overflow:hidden}.home-resume-row strong{color:var(--home-purple);font-size:19px}.home-hero-art{min-height:520px;position:relative}.home-hero-art:before{content:"";background:var(--home-purple);border-radius:38% 62% 63% 37%/43% 39% 61% 57%;width:390px;height:390px;position:absolute;top:47px;left:57px;transform:rotate(-7deg)}.home-board-card{border:2px solid var(--home-ink);z-index:3;width:min(410px,100% - 50px);box-shadow:12px 14px 0 var(--home-ink);background:#fffefa;border-radius:28px;padding:17px 17px 20px;position:absolute;top:14px;left:27px;transform:rotate(3deg)}.home-board-topline{color:#737285;letter-spacing:.07em;justify-content:space-between;padding:0 3px 12px;font-size:10px;font-weight:850;display:flex}.home-pattern-preview{--pattern-columns:13;aspect-ratio:1;grid-template-columns:repeat(var(--pattern-columns), 1fr);grid-template-rows:repeat(var(--pattern-columns), 1fr);background-color:#f3f0e9;background-image:linear-gradient(#161a2b0a 1px,#0000 1px),linear-gradient(90deg,#161a2b0a 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:18px 18px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;gap:2px;padding:14px;display:grid;overflow:hidden}.home-board-card .home-pattern-preview{border:1px solid #161a2b1a;border-radius:18px}.home-pattern-preview i{aspect-ratio:1;background:0 0;border-radius:50%}.home-pattern-preview i.filled{background:radial-gradient(circle at 35% 28%, #ffffffeb 0 7%, transparent 8% 23%, #0003 24% 30%, var(--bead-color) 32% 100%);box-shadow:inset -1px -2px 2px #0003,0 1px 1px #0000002b}.home-pattern-preview.featured{gap:3px;padding:24px}.home-board-stats{color:#767589;justify-content:space-between;padding:15px 4px 0;font-size:10px;font-weight:750;display:flex}.home-board-stats span{align-items:center;gap:6px;display:flex}.home-board-stats i{border-radius:50%;width:8px;height:8px}.home-sticker{border:2px solid var(--home-ink);z-index:8;color:var(--home-ink);background:var(--home-lime);letter-spacing:.08em;box-shadow:4px 4px 0 var(--home-ink);border-radius:9px;padding:9px 13px;font-size:11px;font-weight:900;position:absolute;transform:rotate(-8deg)}.home-sticker-top{top:7px;right:14px}.home-spark{z-index:7;color:var(--home-lime);text-shadow:2px 2px 0 var(--home-ink);font-size:29px;position:absolute}.home-spark-one{top:115px;right:1px}.home-spark-two{color:var(--home-pink);font-size:23px;bottom:82px;left:1px}.home-color-ticket{border:2px solid var(--home-ink);z-index:7;min-width:205px;box-shadow:6px 7px 0 var(--home-pink);background:#fff;border-radius:15px;padding:13px 14px;position:absolute;bottom:38px;right:-8px;transform:rotate(-4deg)}.home-color-ticket small{color:#777688;letter-spacing:.08em;font-size:9px;font-weight:800}.home-color-ticket>div{gap:10px;margin-top:9px;display:flex}.home-color-ticket span{color:#55546a;text-align:center;gap:4px;font-size:8px;font-weight:800;display:grid}.home-color-ticket i{border:1px solid #161a2b2e;border-radius:50%;width:25px;height:25px;box-shadow:inset -2px -2px 3px #00000029}.home-float-play{z-index:9;color:#fff;background:var(--home-ink);box-shadow:5px 5px 0 var(--home-blue);border-radius:13px;padding:12px 16px;font-size:11px;font-weight:850;position:absolute;bottom:18px;left:5px;transform:rotate(2deg);border:2px solid var(--home-ink)!important}.home-float-play span{color:var(--home-lime);margin-left:11px}.home-interest-strip{border-top:2px solid var(--home-ink);border-bottom:2px solid var(--home-ink);background:var(--home-ink);color:#fff;align-items:center;gap:24px;padding:16px max(24px,50vw - 578px);display:flex;transform:rotate(-.4deg)scale(1.01)}.home-interest-strip>span{color:var(--home-lime);letter-spacing:.12em;flex:none;font-size:11px;font-weight:900}.home-interest-strip>div{scrollbar-width:none;align-items:center;gap:10px;display:flex;overflow:auto}.home-interest-strip a{color:#fff;border:1px solid #ffffff40;border-radius:999px;flex:none;padding:8px 13px;font-size:10px;font-weight:750;text-decoration:none}.home-interest-strip a:nth-child(2n){border-color:var(--home-pink)}.home-section{width:min(1160px,100% - 40px);margin:0 auto;padding:112px 0}.home-section-heading{justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px;display:flex}.home-section-index{color:var(--home-purple);letter-spacing:.16em;text-transform:uppercase;margin-bottom:12px;font-size:10px;font-weight:900;display:block}.home-section-heading h2,.home-materials h2,.home-challenge h2,.home-privacy h2{letter-spacing:-.045em;margin:0;font-size:clamp(33px,4vw,52px);line-height:1.12}.home-section-heading p{color:#747386;max-width:390px;margin:10px 0 0;font-size:13px;line-height:1.8}.home-category-tabs{background:#ffffffa6;border:1px solid #161a2b1f;border-radius:14px;padding:5px;display:flex}.home-category-tabs button{color:#777688;background:0 0;border-radius:10px;padding:9px 13px;font-size:11px;font-weight:800}.home-category-tabs button.active{color:#fff;background:var(--home-ink)}.home-pattern-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.home-pattern-card{background:#ffffffb8;border:1px solid #161a2b21;border-radius:21px;min-width:0;padding:10px 10px 17px;transition:transform .18s,box-shadow .18s;box-shadow:0 12px 30px #2d2a4e0e}.home-pattern-card:hover{transform:translate(-3px,-4px)rotate(-.5deg);box-shadow:7px 8px #161a2bf0}.home-pattern-card:nth-child(3n+2):hover{transform:translate(-3px,-4px)rotate(.7deg)}.home-pattern-open{background:0 0;border-radius:14px;width:100%;padding:0;position:relative;overflow:hidden}.home-pattern-open .home-pattern-preview{border-radius:14px}.home-pattern-number{z-index:2;color:var(--home-ink);background:var(--home-lime);border-radius:6px;padding:5px 7px;font-size:8px;font-weight:900;position:absolute;top:8px;left:8px}.home-pattern-arrow{color:#fff;background:var(--home-ink);opacity:0;border-radius:50%;place-items:center;width:31px;height:31px;font-size:15px;transition:opacity .16s,transform .16s;display:grid;position:absolute;bottom:8px;right:8px;transform:translateY(5px)}.home-pattern-card:hover .home-pattern-arrow,.home-pattern-open:focus-visible .home-pattern-arrow{opacity:1;transform:translateY(0)}.home-pattern-card>div{padding:14px 5px 0}.home-pattern-card>div>span{color:var(--home-purple);letter-spacing:.12em;font-size:8px;font-weight:900}.home-pattern-card h3{margin:5px 0;font-size:16px}.home-pattern-card p{color:#818092;margin:0;font-size:9px;font-weight:700}.home-steps{padding-top:80px}.home-step-grid{border:2px solid var(--home-ink);box-shadow:10px 12px 0 var(--home-ink);background:#fff;border-radius:28px;grid-template-columns:repeat(3,1fr);gap:0;display:grid;overflow:hidden}.home-step-grid article{min-width:0;padding:25px 26px 31px;position:relative}.home-step-grid article+article{border-left:2px solid var(--home-ink)}.home-step-no{color:var(--home-purple);letter-spacing:.12em;font-size:10px;font-weight:950}.home-step-visual{background:#efedf9;border-radius:20px;height:190px;margin:17px 0 23px;position:relative;overflow:hidden}.home-step-visual.upload{background:radial-gradient(circle at 25% 25%, #fffc, transparent 5px), var(--home-blue);place-items:center;display:grid}.home-step-visual.upload strong{border:2px solid var(--home-ink);color:#fff;background:var(--home-purple);width:67px;height:67px;box-shadow:6px 6px 0 var(--home-ink);border-radius:20px;place-items:center;font-size:30px;display:grid}.home-step-visual.upload i{border:2px solid var(--home-ink);background:#fff;border-radius:8px;padding:7px 9px;font-size:8px;font-style:normal;font-weight:900;position:absolute}.home-step-visual.upload i:first-child{top:39px;left:29px;transform:rotate(-8deg)}.home-step-visual.upload i:nth-child(2){bottom:36px;right:25px;transform:rotate(7deg)}.home-step-visual.adjust{background:var(--home-lime);grid-template-columns:repeat(2,1fr);gap:8px;padding:34px;display:grid}.home-step-visual.adjust span{border:2px solid var(--home-ink);background:radial-gradient(circle, white 0 15%, #b9b1f5 17% 28%, var(--home-purple) 30%);box-shadow:4px 4px 0 var(--home-ink);border-radius:50%}.home-step-visual.adjust span:nth-child(2){background:radial-gradient(circle, white 0 15%, #ffc2da 17% 28%, var(--home-pink) 30%)}.home-step-visual.adjust span:nth-child(3){background:radial-gradient(circle, white 0 15%, #b8edf8 17% 28%, var(--home-blue) 30%)}.home-step-visual.adjust span:nth-child(4){background:radial-gradient(circle,#fff 0 15%,#ffe68a 17% 28%,#f3c74d 30%)}.home-step-visual.make{background-color:#f8cadc;background-image:linear-gradient(#161a2b1a 1px,#0000 1px),linear-gradient(90deg,#161a2b1a 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;place-items:center;display:grid}.home-step-visual.make i{border:2px solid var(--home-ink);background:var(--home-purple);border-radius:50%;width:28px;height:28px;position:absolute;box-shadow:inset -3px -3px #00000029}.home-step-visual.make i:first-child{top:45px;left:50px}.home-step-visual.make i:nth-child(2){background:var(--home-lime);top:65px;right:47px}.home-step-visual.make i:nth-child(3){background:var(--home-blue);bottom:37px;left:83px}.home-step-visual.make b{border:2px solid var(--home-ink);box-shadow:5px 5px 0 var(--home-ink);background:#fff;border-radius:13px;padding:15px 19px;font-size:20px}.home-step-grid h3{margin:0 0 8px;font-size:18px}.home-step-grid p{color:#767589;margin:0;font-size:11px;line-height:1.75}.home-materials{border:2px solid var(--home-ink);color:#fff;background:var(--home-ink);width:min(1160px,100% - 40px);box-shadow:12px 14px 0 var(--home-purple);border-radius:32px;grid-template-columns:1fr 380px;align-items:center;gap:90px;margin:15px auto 115px;padding:80px 84px;display:grid}.home-materials .home-section-index{color:var(--home-lime)}.home-materials h2{max-width:600px}.home-materials-copy>p{color:#bbb9ca;max-width:600px;margin:22px 0 29px;font-size:13px;line-height:1.9}.home-materials ul{grid-template-columns:repeat(4,1fr);gap:14px;margin:0 0 32px;padding:0;list-style:none;display:grid}.home-materials li{min-width:0}.home-materials li strong,.home-materials li span{display:block}.home-materials li strong{color:var(--home-lime);font-size:22px}.home-materials li span{color:#9e9cad;margin-top:5px;font-size:8px;font-weight:750}.home-materials-copy>button{color:#fff;background:0 0;border:1px solid #ffffff59;border-radius:12px;padding:13px 17px;font-size:11px;font-weight:850}.home-materials-copy>button span{color:var(--home-lime);margin-left:18px}.home-material-ticket{border:2px solid var(--home-ink);color:var(--home-ink);box-shadow:9px 10px 0 var(--home-lime);background:#fffef8;padding:18px;transform:rotate(2.5deg)}.home-ticket-head{border-bottom:2px solid var(--home-ink);justify-content:space-between;align-items:end;padding-bottom:14px;display:flex}.home-ticket-head span{font-size:19px;font-weight:900}.home-ticket-head small{color:#79788a;letter-spacing:.1em;font-size:7px;font-weight:850}.home-ticket-row{border-bottom:1px dashed #161a2b33;grid-template-columns:24px 38px 1fr auto;align-items:center;gap:9px;min-height:48px;font-size:10px;display:grid}.home-ticket-row i{border:1px solid #161a2b40;border-radius:50%;width:20px;height:20px;box-shadow:inset -2px -2px 2px #00000026}.home-ticket-row span{color:#7c7b8d}.home-ticket-total{justify-content:space-between;align-items:center;padding-top:15px;display:flex}.home-ticket-total span{background:var(--home-lime);padding:5px 7px;font-size:8px;font-weight:850}.home-ticket-total b{font-size:13px}.home-challenge{border:2px solid var(--home-ink);background:var(--home-lime);width:min(1160px,100% - 40px);min-height:290px;box-shadow:10px 11px 0 var(--home-ink);border-radius:31px;grid-template-columns:1fr auto;align-items:center;gap:30px;margin:0 auto 90px;padding:58px 62px;display:grid;position:relative;overflow:hidden}.home-challenge>div:first-child{z-index:2;max-width:700px;position:relative}.home-challenge>div>span{color:var(--home-purple);letter-spacing:.15em;margin-bottom:12px;font-size:10px;font-weight:900;display:block}.home-challenge p{color:#50523e;margin:16px 0 0;font-size:12px}.home-challenge>button{z-index:2;color:#fff;background:var(--home-purple);min-width:150px;box-shadow:5px 5px 0 var(--home-ink);border-radius:14px;padding:15px 18px;font-size:12px;font-weight:900;position:relative;border:2px solid var(--home-ink)!important}.home-challenge>button span{margin-left:18px}.home-challenge-dots{opacity:.16;grid-template-columns:repeat(4,1fr);gap:10px;width:240px;height:240px;display:grid;position:absolute;top:-70px;right:180px;transform:rotate(13deg)}.home-challenge-dots i{border:3px solid var(--home-ink);border-radius:50%;box-shadow:inset -6px -6px #0003}.home-privacy{grid-template-columns:auto 1fr auto;align-items:center;gap:22px;width:min(930px,100% - 40px);margin:0 auto 100px;display:grid}.home-privacy-icon{border:2px solid var(--home-ink);color:#fff;background:var(--home-purple);width:54px;height:54px;box-shadow:5px 5px 0 var(--home-pink);border-radius:18px;place-items:center;font-size:23px;font-weight:900;display:grid}.home-privacy h2{font-size:22px}.home-privacy p{color:#747386;margin:7px 0 0;font-size:11px;line-height:1.7}.home-privacy>span:last-child{color:#68677a;background:#ffffffb3;border:1px solid #161a2b26;border-radius:999px;padding:8px 11px;font-size:9px;font-weight:850}.home-footer{border-top:2px solid var(--home-ink);background:#fff;grid-template-columns:1fr auto 1fr;align-items:center;min-height:140px;padding:35px max(24px,50vw - 580px);display:grid}.home-footer p{color:#858496;margin:0;font-size:9px;font-weight:750}.home-footer>button{color:var(--home-purple);background:0 0;justify-self:end;font-size:11px;font-weight:900}@media (width<=1050px){.home-nav{grid-template-columns:1fr auto}.home-nav nav{display:none}.home-hero{grid-template-columns:minmax(0,1fr) minmax(360px,.8fr);gap:35px;padding-left:18px;padding-right:18px}.home-hero-copy h1{font-size:clamp(46px,6vw,64px)}.home-pattern-grid{grid-template-columns:repeat(3,1fr)}.home-materials{grid-template-columns:1fr 330px;gap:50px;padding:65px 55px}}@media (width<=780px){.home-page{background-size:24px 24px}.home-nav{border-radius:19px;width:calc(100% - 24px);min-height:66px;margin-top:10px;padding:0 10px 0 12px}.home-brand{gap:9px}.home-brand-mark{width:36px;height:36px;box-shadow:3px 3px 0 var(--home-ink);border-radius:11px}.home-brand strong{font-size:15px}.home-brand small{display:none}.home-nav-studio{box-shadow:3px 3px 0 var(--home-purple);padding:10px 12px;font-size:10px}.home-hero{flex-direction:column;gap:55px;width:calc(100% - 24px);min-height:0;padding:55px 3px 75px;display:flex}.home-hero-copy h1{margin-top:20px;font-size:clamp(41px,12vw,57px)}.home-hero-copy>p{font-size:13px;line-height:1.8}.home-hero-actions{flex-direction:column;align-items:stretch}.home-primary-action{width:calc(100% - 6px)}.home-secondary-action{min-height:50px}.home-resume-row{max-width:none}.home-hero-art{width:min(440px,100%);min-height:465px;margin:0 auto}.home-hero-art:before{width:310px;height:310px;top:55px;left:50%;transform:translate(-50%)rotate(-7deg)}.home-board-card{width:calc(100% - 42px);box-shadow:8px 10px 0 var(--home-ink);left:11px}.home-pattern-preview.featured{gap:2px;padding:19px}.home-sticker-top{right:1px}.home-color-ticket{bottom:24px;right:0}.home-float-play{bottom:16px;left:1px}.home-interest-strip{flex-direction:column;align-items:flex-start;gap:10px;padding-left:18px;padding-right:18px}.home-interest-strip>div{width:100%}.home-section{width:calc(100% - 24px);padding:82px 0}.home-section-heading{flex-direction:column;align-items:flex-start;gap:22px;margin-bottom:29px}.home-section-heading h2,.home-materials h2,.home-challenge h2{font-size:35px}.home-category-tabs{width:100%;overflow-x:auto}.home-category-tabs button{flex:1 0 auto}.home-pattern-grid{grid-template-columns:repeat(2,1fr);gap:10px}.home-pattern-card{border-radius:16px;padding:7px 7px 13px}.home-pattern-preview{gap:1px;padding:8px}.home-pattern-card h3{font-size:14px}.home-pattern-card p{min-height:25px;line-height:1.4}.home-step-grid{box-shadow:7px 8px 0 var(--home-ink);display:block}.home-step-grid article+article{border-top:2px solid var(--home-ink);border-left:0}.home-step-visual{height:175px}.home-materials{width:calc(100% - 24px);box-shadow:8px 9px 0 var(--home-purple);border-radius:25px;grid-template-columns:1fr;gap:48px;margin-bottom:90px;padding:49px 25px 55px}.home-materials ul{grid-template-columns:repeat(2,1fr);gap:18px}.home-material-ticket{width:calc(100% - 10px);max-width:380px;margin:0 auto}.home-challenge{border-radius:24px;grid-template-columns:1fr;width:calc(100% - 24px);margin-bottom:75px;padding:43px 25px}.home-challenge>button{width:fit-content}.home-challenge-dots{top:-40px;right:-60px}.home-privacy{grid-template-columns:auto 1fr;width:calc(100% - 40px);margin-bottom:75px}.home-privacy>span:last-child{grid-column:2;width:fit-content}.home-footer{grid-template-columns:1fr auto;gap:25px;min-height:180px;padding:30px 24px}.home-footer p{display:none}.home-footer span{display:initial;margin-top:0}}@media (width<=390px){.home-hero-kicker span:last-child{display:none}.home-pattern-grid{gap:8px}.home-pattern-card>div{padding-left:3px;padding-right:3px}.home-color-ticket{min-width:185px}.home-color-ticket>div{gap:7px}}