.pwa-update-notice{z-index:6000;border:1px solid var(--line);width:min(460px,100vw - 28px);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdf9f5;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:11px;padding:13px 14px;display:grid;position:fixed;bottom:18px;right:18px}.pwa-update-icon{background:var(--green-soft);width:36px;height:36px;color:var(--green);border-radius:11px;place-items:center;display:grid}.pwa-update-notice div{gap:2px;min-width:0;display:grid}.pwa-update-notice strong{font-size:14px}.pwa-update-notice small{color:var(--muted);font-size:12px;line-height:1.45}.pwa-update-action,.pwa-update-close{cursor:pointer;border:0}.pwa-update-action{background:var(--green);color:#fff;border-radius:10px;padding:9px 12px;font-weight:700}.pwa-update-action:hover{background:var(--green-dark)}.pwa-update-close{width:32px;height:32px;color:var(--muted);background:0 0;border-radius:9px;place-items:center;display:grid}.pwa-update-close:hover{background:var(--green-soft);color:var(--green)}@media (max-width:560px){.pwa-update-notice{grid-template-columns:auto minmax(0,1fr) auto;bottom:14px;left:14px;right:14px}.pwa-update-action{grid-column:2/4;width:100%}.pwa-update-close{position:absolute;top:7px;right:7px}.pwa-update-notice small{padding-right:22px}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f1ea;--paper:#fffdf9;--paper-strong:#fff;--ink:#1d211f;--muted:#6c716d;--muted-2:#8c918d;--line:#dedbd3;--line-strong:#cbc6bc;--green:#1f6f50;--green-dark:#15523b;--green-soft:#e5f1eb;--yellow:#f4c957;--yellow-soft:#fff4cc;--orange:#e66f3d;--red:#c8493f;--red-soft:#fae9e6;--blue:#3a6f9d;--blue-soft:#e8f0f7;--shadow-sm:0 1px 2px #1d211f0f, 0 3px 10px #1d211f09;--shadow-md:0 12px 36px #1d211f17;--shadow-lg:0 24px 72px #1d211f24;--radius-sm:10px;--radius:16px;--radius-lg:24px;--header-height:70px;font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;color:var(--ink);background:var(--bg);margin:0}body:before{content:"";pointer-events:none;opacity:.38;z-index:-1;background-image:radial-gradient(circle at 1px 1px,#1d211f14 1px,#0000 0);background-size:24px 24px;position:fixed;inset:0}button,input,select,textarea{font:inherit}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,canvas:focus-visible{outline-offset:2px;outline:3px solid #1f6f5040}img,svg,canvas{max-width:100%;display:block}a{color:inherit}h1,h2,h3,p{margin-top:0}.app-frame{flex-direction:column;min-height:100vh;display:flex}.page-shell{width:min(1160px,100% - 32px);margin-inline:auto}.page-shell-wide{width:min(1480px,100% - 28px);margin-inline:auto}.section-block{padding-block:84px}.site-header{z-index:100;height:var(--header-height);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffdf9e3;border-bottom:1px solid #cbc6bcbf;position:sticky;top:0}.header-inner{align-items:center;gap:28px;width:min(1480px,100% - 28px);height:100%;margin-inline:auto;display:flex}.brand{cursor:pointer;text-align:left;background:0 0;border:0;flex:none;align-items:center;gap:10px;padding:0;display:inline-flex}.brand img{object-fit:cover;border-radius:10px;width:38px;height:38px;box-shadow:0 2px 8px #1d211f1f}.brand-copy{flex-direction:column;line-height:1.15;display:flex}.brand-copy strong{letter-spacing:-.02em;font-size:17px}.brand-copy small{color:var(--muted);letter-spacing:.04em;margin-top:4px;font-size:10px;font-weight:600}.desktop-nav{align-items:center;gap:3px;margin-left:auto;display:flex}.nav-link{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:9px 15px;font-size:13px;font-weight:700;transition:all .16s;display:inline-flex}.nav-link:hover{color:var(--ink);background:#1d211f0f}.nav-link.is-active{background:var(--ink);color:#fff}.header-actions{align-items:center;gap:8px;display:flex}.mobile-menu-button{display:none!important}.mobile-menu-backdrop{z-index:300;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#10141270;justify-content:flex-end;display:flex;position:fixed;inset:0}.mobile-menu{background:var(--paper-strong);width:min(330px,88vw);height:100%;box-shadow:var(--shadow-lg);flex-direction:column;gap:8px;padding:20px;display:flex}.mobile-menu-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:6px;padding-bottom:14px;display:flex}.mobile-menu .nav-link{border-radius:12px;justify-content:flex-start;width:100%;padding:13px 14px}.button{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 17px;font-size:13px;font-weight:750;line-height:1;text-decoration:none;transition:transform .12s,box-shadow .12s,background .12s,border-color .12s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:active:not(:disabled){transform:translateY(0)}.button:disabled{cursor:not-allowed;opacity:.55}.button-primary{background:var(--green);color:#fff;box-shadow:0 3px 0 var(--green-dark), 0 7px 18px #1f6f5029}.button-primary:hover:not(:disabled){background:#267b5a}.button-secondary{background:var(--paper-strong);border-color:var(--line-strong);box-shadow:var(--shadow-sm)}.button-secondary:hover:not(:disabled){background:#fff;border-color:#a9a397}.button-tertiary{color:var(--ink);background:#1d211f0e}.button-tertiary:hover:not(:disabled){background:#1d211f1a}.button-dark{background:var(--ink);color:#fff}.button-large{border-radius:14px;min-height:50px;padding-inline:22px;font-size:14px}.button-small{border-radius:9px;min-height:34px;padding:0 12px;font-size:12px}.button-compact{min-height:38px;padding-inline:15px}.full-width{width:100%}.icon-button{border:1px solid var(--line);background:var(--paper-strong);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .15s;display:inline-flex}.icon-button:hover{border-color:var(--line-strong);background:#f0ede6}.text-button{color:var(--green);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:5px 0;font-size:12px;font-weight:750;display:inline-flex}.eyebrow{color:var(--green);letter-spacing:.07em;text-transform:uppercase;align-items:center;gap:6px;font-size:11px;font-weight:800;line-height:1.4;display:inline-flex}.section-heading{margin-bottom:34px}.section-heading h2{letter-spacing:-.045em;margin:10px 0;font-size:clamp(27px,4vw,42px);line-height:1.14}.section-heading p{color:var(--muted);margin:0;line-height:1.8}.section-heading.centered{text-align:center;margin-inline:auto;max-width:720px;margin-bottom:42px}.section-heading.centered .eyebrow{justify-content:center}.split-heading{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.split-heading h2{margin-bottom:0}.hero-section{border-bottom:1px solid var(--line);background:linear-gradient(#fffdf9eb,#f4f1ea73);position:relative;overflow:hidden}.hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);align-items:center;gap:80px;min-height:650px;padding-block:92px 84px;display:grid;position:relative}.hero-copy{z-index:2;position:relative}.hero-copy h1{letter-spacing:-.06em;margin:15px 0 22px;font-size:clamp(41px,5.4vw,68px);line-height:1.08}.hero-copy h1 em{color:var(--green);font-style:normal;position:relative}.hero-copy h1 em:after{content:"";background:var(--yellow);opacity:.58;z-index:-1;border-radius:99px;height:.17em;position:absolute;bottom:2px;left:0;right:0}.hero-copy>p{color:#555c57;max-width:710px;margin-bottom:28px;font-size:16px;line-height:1.9}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-proof{color:var(--muted);flex-wrap:wrap;gap:10px 18px;margin-top:24px;font-size:11px;font-weight:650;display:flex}.hero-proof span{align-items:center;gap:5px;display:inline-flex}.hero-orb{filter:blur(1px);opacity:.5;border-radius:999px;position:absolute}.hero-orb-a{background:radial-gradient(circle at 30% 30%,#f9d774,#0000 68%);width:480px;height:480px;top:-160px;right:-130px}.hero-orb-b{background:radial-gradient(circle at 60% 35%,#82c9a7,#0000 70%);width:360px;height:360px;bottom:-190px;left:-170px}.hero-product-card{z-index:2;box-shadow:var(--shadow-lg);background:#ffffffdb;border:1px solid #cbc6bce6;border-radius:28px;padding:22px;position:relative;transform:rotate(1.2deg)}.hero-product-card:before{content:"";pointer-events:none;border:1px dashed #1f6f5038;border-radius:20px;position:absolute;inset:12px}.product-card-head{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:18px;font-size:12px;display:flex;position:relative}.product-card-head strong{color:var(--ink);font-size:13px}.product-board{border:1px solid var(--line);background:#eeece5;border-radius:18px;padding:26px 30px;position:relative}.pixel-art-demo{aspect-ratio:1;background:#faf9f6;border-radius:12px;grid-template-columns:repeat(12,1fr);gap:4px;padding:16px;display:grid;box-shadow:inset 0 0 0 1px #1d211f14}.pixel-art-demo i{aspect-ratio:1;border-radius:50%;position:relative}.pixel-art-demo .demo-empty{opacity:0}.demo-bead{box-shadow:inset 0 -2px 1px #0000001f,0 1px 1px #00000014}.demo-bead:after{content:"";background:#faf9f6;border-radius:50%;width:30%;height:30%;position:absolute;top:35%;left:35%}.tone-0{background:#e76f51}.tone-1{background:#f4c957}.tone-2{background:#2a9d6f}.tone-3{background:#3b82b6}.tone-4{background:#8d6ab8}.board-label{color:var(--muted);font-size:10px;font-weight:700;position:absolute}.board-label-top{top:7px;left:50%;transform:translate(-50%)}.board-label-side{writing-mode:vertical-rl;top:50%;right:6px;transform:translateY(-50%)}.product-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px;display:grid;position:relative}.product-stats div{border:1px solid var(--line);background:#fffc;border-radius:12px;padding:11px}.product-stats span,.product-stats strong{display:block}.product-stats span{color:var(--muted);margin-bottom:4px;font-size:9px}.product-stats strong{font-size:11px}.purchase-strip{background:var(--green-soft);min-height:42px;color:var(--green-dark);border-radius:12px;align-items:center;gap:8px;margin-top:10px;padding:0 12px;font-size:11px;display:flex;position:relative}.purchase-strip span{flex:1}.purchase-strip strong{background:#fff;border-radius:6px;padding:4px 6px;font-size:10px}.feature-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.feature-card{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fffdf9eb;padding:24px}.feature-icon{width:44px;height:44px;color:var(--green);background:var(--green-soft);border-radius:13px;justify-content:center;align-items:center;display:inline-flex}.feature-card h3{margin:18px 0 8px;font-size:16px}.feature-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.8}.workflow-section{background:var(--ink);color:#fff;padding-block:84px}.workflow-section .eyebrow{color:#8ed2b2}.workflow-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.workflow-card{background:#ffffff0d;border:1px solid #ffffff21;border-radius:20px;min-height:225px;padding:24px}.workflow-card>strong{color:var(--yellow);font:800 28px/1 ui-monospace,monospace;display:block}.workflow-card h3{margin:42px 0 10px;font-size:16px}.workflow-card p{color:#ffffffa8;margin:0;font-size:12.5px;line-height:1.8}.template-grid{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.template-card{border:1px solid var(--line);background:var(--paper-strong);text-align:left;cursor:pointer;box-shadow:var(--shadow-sm);border-radius:18px;grid-template-columns:92px 1fr auto;align-items:center;gap:14px;padding:14px;transition:all .16s;display:grid}.template-card:hover{box-shadow:var(--shadow-md);border-color:#a7a196;transform:translateY(-3px)}.template-preview{background:#f0ede6;border-radius:12px;width:92px;height:92px}.template-card span{min-width:0}.template-card strong,.template-card small{display:block}.template-card strong{margin-bottom:7px;font-size:14px}.template-card small{color:var(--muted);font-size:10px;line-height:1.5}.privacy-banner{color:#fff;box-shadow:var(--shadow-lg);background:linear-gradient(120deg,#1d211f,#244f3f);border-radius:24px;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;padding:30px;display:grid}.privacy-icon{width:62px;height:62px;color:var(--yellow);background:#ffffff14;border-radius:19px;justify-content:center;align-items:center;display:flex}.privacy-banner .eyebrow{color:#9ed5bc}.privacy-banner h2{margin:7px 0 6px;font-size:22px}.privacy-banner p{color:#ffffffad;margin:0;font-size:12px;line-height:1.75}.privacy-banner .button-dark{color:var(--ink);background:#fff}.page-hero{padding-block:72px 44px}.compact-page-hero{max-width:780px}.page-hero h1{letter-spacing:-.05em;margin:12px 0 14px;font-size:clamp(34px,5vw,55px);line-height:1.1}.page-hero p{color:var(--muted);font-size:15px;line-height:1.9}.page-hero .button{margin-top:8px}.studio-page{padding-bottom:80px}.studio-topbar{justify-content:space-between;align-items:center;gap:16px;min-height:94px;display:flex}.project-title-group{flex-direction:column;gap:6px;min-width:0;display:flex}.project-title-input{width:min(620px,58vw);color:var(--ink);letter-spacing:-.025em;background:0 0;border:0;padding:0;font-size:25px;font-weight:800}.project-actions{align-items:center;gap:7px;display:flex}.studio-layout{grid-template-columns:322px minmax(0,1fr);align-items:start;gap:16px;display:grid}.studio-sidebar{top:calc(var(--header-height) + 12px);max-height:calc(100vh - var(--header-height) - 24px);scrollbar-width:thin;padding-right:2px;position:sticky;overflow-y:auto}.control-card,.workspace-card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fffdf9f2}.control-card{margin-bottom:12px;padding:17px}.card-title-row,.workspace-section-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.card-title-row>div,.settings-details summary>span{align-items:center;gap:9px;display:flex}.card-title-row h2,.settings-details h2{letter-spacing:-.01em;margin:0;font-size:14px}.step-index{background:var(--ink);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:25px;height:25px;font:800 10px/1 ui-monospace,monospace;display:inline-flex}.status-pill{min-height:25px;color:var(--muted);white-space:nowrap;background:#1d211f0f;border-radius:999px;align-items:center;gap:4px;padding:0 8px;font-size:9px;font-weight:750;display:inline-flex}.status-pill.success{background:var(--green-soft);color:var(--green)}.upload-zone{border:1.5px dashed var(--line-strong);text-align:left;cursor:pointer;background:#f8f6f1;border-radius:13px;align-items:center;gap:12px;width:100%;min-height:94px;margin:14px 0 12px;padding:12px;transition:all .15s;display:flex;overflow:hidden}.upload-zone:hover,.upload-zone.is-dragging{border-color:var(--green);background:var(--green-soft)}.upload-zone img{object-fit:cover;background:#eee;border-radius:10px;flex:none;width:72px;height:72px}.upload-icon{background:var(--paper-strong);border:1px solid var(--line);width:50px;height:50px;color:var(--green);border-radius:14px;flex:none;justify-content:center;align-items:center;display:flex}.upload-copy{min-width:0}.upload-copy strong,.upload-copy small{display:block}.upload-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.upload-copy small{color:var(--muted);margin-top:5px;font-size:9.5px;line-height:1.45}.segmented{background:#ece9e2;border-radius:10px;gap:3px;padding:3px;display:flex}.segmented button{min-height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1;padding:0 7px;font-size:10px;font-weight:750;transition:all .13s}.segmented button.is-active{background:var(--paper-strong);color:var(--ink);box-shadow:0 1px 4px #1d211f1f}.compact-segmented{min-width:max-content}.compact-segmented button{min-height:29px}.field{margin-top:13px;display:block}.field>span,.range-field>span:first-child{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;font-size:10px;font-weight:700;display:flex}.field input,.field select,.compact-select,.bead-style-select select,.select-with-icon select{border:1px solid var(--line);background:var(--paper-strong);width:100%;height:36px;color:var(--ink);border-radius:9px;padding:0 10px;font-size:11px}.field input:focus,.field select:focus,.compact-select:focus,.bead-style-select select:focus{border-color:var(--green);outline:2px solid #1f6f501f}.input-suffix{position:relative}.input-suffix input{padding-right:38px}.input-suffix i{color:var(--muted-2);pointer-events:none;font-size:9px;font-style:normal;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.board-fields{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.inventory-summary{border:1px solid var(--line);background:var(--paper-strong);cursor:pointer;border-radius:11px;justify-content:space-between;align-items:center;width:100%;min-height:50px;margin:13px 0 9px;padding:0 11px;display:flex}.inventory-summary>span{text-align:left;grid-template-columns:auto 1fr;align-items:center;column-gap:8px;display:grid}.inventory-summary svg{color:var(--green);grid-row:1/span 2}.inventory-summary b{font-size:10px}.inventory-summary small{color:var(--muted);margin-top:2px;font-size:8.5px}.check-row{color:#4e554f;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:7px;font-size:10px;line-height:1.5;display:inline-flex}.check-row input{opacity:0;pointer-events:none;position:absolute}.custom-check{border:1px solid var(--line-strong);background:var(--paper-strong);color:#0000;border-radius:5px;flex:none;justify-content:center;align-items:center;width:17px;height:17px;display:inline-flex}.check-row input:checked+.custom-check{border-color:var(--green);background:var(--green);color:#fff}.check-row.is-disabled{opacity:.5;cursor:not-allowed}.dimension-fields{grid-template-columns:1fr 32px 1fr;align-items:end;gap:7px;margin-top:12px;display:grid}.dimension-fields .field{margin:0}.lock-aspect{border:1px solid var(--line);background:var(--paper-strong);cursor:pointer;width:32px;height:36px;color:var(--muted);border-radius:9px;justify-content:center;align-items:center;display:flex}.lock-aspect.is-active{background:var(--green-soft);color:var(--green);border-color:#97c9b1}.preset-grid{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px;display:grid}.preset-grid button{border:1px solid var(--line);background:var(--paper-strong);cursor:pointer;border-radius:9px;padding:8px 4px;font-size:9px;font-weight:750}.preset-grid button:hover{border-color:var(--green)}.preset-grid small{color:var(--muted);margin-top:3px;font-size:7.5px;font-weight:600;display:block}.size-preview{background:var(--green-soft);color:var(--green-dark);border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;margin-top:10px;padding:9px 10px;font-size:9px;display:grid}.size-preview b{font-weight:800}.size-preview small{color:var(--green)}.settings-details{padding:0;overflow:hidden}.settings-details summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:55px;padding:0 17px;list-style:none;display:flex}.settings-details summary::-webkit-details-marker{display:none}.settings-body{border-top:1px solid var(--line);padding:0 17px 17px}.range-field{margin-top:12px;display:block}.range-field output{color:var(--green);font-weight:800}.range-field input{width:100%;accent-color:var(--green)}.settings-body .check-row{margin-top:12px;display:flex}.generate-button{width:100%;min-height:48px}.local-note{color:var(--muted);align-items:flex-start;gap:5px;margin:10px 5px 0;font-size:8.5px;line-height:1.5;display:flex}.local-note svg{flex:none}.studio-workspace{flex-direction:column;gap:14px;min-width:0;display:flex}.workspace-card{padding:18px}.canvas-card{padding:0;overflow:hidden}.editor-toolbar{border-bottom:1px solid var(--line);background:#ffffffb8;align-items:center;gap:8px;min-height:58px;padding:9px 12px;display:flex;overflow-x:auto}.tool-group{align-items:center;gap:4px;display:flex}.tool-button{min-width:42px;height:38px;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:5px;padding:0 8px;font-size:9px;font-weight:700;display:inline-flex}.tool-button:hover:not(:disabled){color:var(--ink);background:#eeebe5}.tool-button.is-active{background:var(--ink);color:#fff}.tool-button:disabled{opacity:.35;cursor:not-allowed}.icon-only-tools .tool-button{width:36px;min-width:36px;padding:0}.toolbar-divider{background:var(--line);flex:none;width:1px;height:26px}.zoom-output{text-align:center;min-width:40px;color:var(--muted);font-size:9px;font-weight:750}.active-brush{border:1px solid var(--line);background:var(--paper-strong);border-radius:9px;flex:none;align-items:center;gap:7px;margin-left:auto;padding:4px 8px;display:flex}.active-brush>i{border:1px solid #00000029;border-radius:50%;width:24px;height:24px;box-shadow:inset 0 -2px #0000001a}.active-brush span{flex-direction:column;display:flex}.active-brush small{color:var(--muted);font-size:7px}.active-brush b{font-size:10px}.canvas-scroll{touch-action:none;background-color:#e8e5de;background-image:linear-gradient(45deg,#dedbd4 25%,#0000 25%),linear-gradient(-45deg,#dedbd4 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#dedbd4 75%),linear-gradient(-45deg,#0000 75%,#dedbd4 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;min-height:510px;max-height:68vh;overflow:auto}.canvas-centering{justify-content:center;align-items:center;width:max-content;min-width:100%;min-height:510px;padding:24px;display:flex}.canvas-centering canvas{background:#fff;border-radius:4px;max-width:none;box-shadow:0 8px 28px #1d211f2b}.canvas-scroll.tool-pan canvas{cursor:grab}.canvas-scroll.tool-pan canvas:active{cursor:grabbing}.canvas-scroll.tool-brush canvas,.canvas-scroll.tool-eraser canvas,.canvas-scroll.tool-fill canvas,.canvas-scroll.tool-picker canvas,.canvas-scroll.tool-replace canvas{cursor:crosshair}.canvas-view-options{border-top:1px solid var(--line);background:#ffffffc2;flex-wrap:wrap;align-items:center;gap:10px 15px;min-height:48px;padding:8px 13px;display:flex}.bead-style-select{color:var(--muted);align-items:center;gap:6px;margin-left:auto;font-size:9px;display:flex}.bead-style-select select{width:93px;height:30px}.workspace-section-head{align-items:center;margin-bottom:14px}.workspace-section-head h2{margin:4px 0 0;font-size:16px}.color-picker-controls{align-items:center}.panel-row{flex-wrap:wrap;gap:8px;display:flex}.search-field{border:1px solid var(--line);background:var(--paper-strong);min-height:36px;color:var(--muted);border-radius:10px;align-items:center;gap:7px;padding:0 10px;display:flex}.search-field input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:11px}.compact-search{flex:140px;min-height:35px}.compact-select{width:auto;min-width:92px;height:35px}.color-chip-grid{scrollbar-width:thin;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:5px;max-height:265px;padding:10px 2px 2px;display:grid;overflow:auto}.color-chip{border:1px solid var(--line);background:var(--paper-strong);cursor:pointer;border-radius:9px;flex-direction:column;align-items:center;gap:3px;padding:5px 2px 4px;transition:all .12s;display:flex}.color-chip:hover{border-color:#a7a196;transform:translateY(-1px)}.color-chip.is-active{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.color-chip i{border:1px solid #00000029;border-radius:50%;width:24px;height:24px;box-shadow:inset 0 -2px #0000001f}.color-chip span{font-size:7.5px;font-weight:800}.color-picker-foot{color:var(--muted);margin-top:8px;font-size:8px}.stats-grid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.stats-grid article{border:1px solid var(--line);min-height:94px;box-shadow:var(--shadow-sm);background:#fffdf9f2;border-radius:14px;padding:14px}.stats-grid span,.stats-grid strong,.stats-grid small{display:block}.stats-grid span{color:var(--muted);font-size:9px}.stats-grid strong{letter-spacing:-.02em;margin:7px 0 4px;font-size:18px}.stats-grid small{color:var(--muted);font-size:8px}.stats-grid .warning-stat{background:var(--yellow-soft);border-color:#e8ce7c}.workspace-split{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:14px;display:grid}.usage-table-wrap{scrollbar-width:thin;max-height:390px;overflow:auto}.usage-table{border-collapse:collapse;width:100%;font-size:10px}.usage-table th{z-index:1;color:var(--muted);text-align:right;background:#f4f1ea;padding:8px;font-size:8px;position:sticky;top:0}.usage-table th:first-child,.usage-table td:first-child{text-align:left}.usage-table td{border-bottom:1px solid var(--line);text-align:right;padding:8px}.usage-table td:first-child{align-items:center;gap:7px;display:flex}.usage-table td i{border:1px solid #00000026;border-radius:50%;flex:none;width:18px;height:18px}.usage-table .has-gap{color:var(--red);font-weight:800}.usage-foot{color:var(--muted);justify-content:space-between;padding-top:10px;font-size:8px;display:flex}.export-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.export-grid>button{border:1px solid var(--line);background:var(--paper-strong);text-align:left;cursor:pointer;border-radius:12px;align-items:center;gap:9px;min-height:70px;padding:10px;transition:all .13s;display:flex}.export-grid>button:hover{border-color:var(--green);background:var(--green-soft);transform:translateY(-1px)}.export-icon{width:34px;height:34px;color:var(--green);background:#f0ede6;border-radius:10px;flex:none;justify-content:center;align-items:center;display:flex}.export-grid b,.export-grid small{display:block}.export-grid b{font-size:10px}.export-grid small{color:var(--muted);margin-top:4px;font-size:7.5px;line-height:1.35}.print-warning{background:var(--yellow-soft);color:#775f1c;border-radius:10px;align-items:flex-start;gap:7px;margin-top:10px;padding:9px;font-size:8px;line-height:1.55;display:flex}.print-warning svg{flex:none}.empty-state{min-height:280px;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state strong{color:var(--ink);margin:12px 0 5px}.empty-state span{font-size:11px}.compact-empty{min-height:220px}.modal-backdrop{z-index:500;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#1316148c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--paper-strong);width:min(850px,100%);max-height:calc(100vh - 48px);box-shadow:var(--shadow-lg);border:1px solid #ffffff59;border-radius:22px;flex-direction:column;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding:22px;display:flex}.modal-header h2{margin:5px 0 4px;font-size:22px}.modal-header p{color:var(--muted);margin:0;font-size:11px}.inventory-settings{border-bottom:1px solid var(--line);background:#f8f6f1;grid-template-columns:150px 170px 1fr;align-items:end;gap:10px;padding:14px 22px;display:grid}.inventory-settings .field{margin:0}.inventory-quick-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.inventory-filter-row{border-bottom:1px solid var(--line);gap:10px;padding:12px 22px;display:flex}.inventory-filter-row .search-field{flex:1}.inventory-list{scrollbar-width:thin;grid-template-columns:1fr 1fr;align-content:start;gap:6px 12px;min-height:280px;padding:8px 22px;display:grid;overflow:auto}.inventory-row{border:1px solid var(--line);opacity:.72;border-radius:10px;grid-template-columns:1fr 125px;align-items:center;gap:8px;min-height:48px;padding:5px 6px;display:grid}.inventory-row.is-enabled{opacity:1;background:var(--green-soft);border-color:#a8cdbb}.inventory-color-check{cursor:pointer;grid-template-columns:auto auto auto 1fr;align-items:center;gap:7px;min-width:0;display:grid}.inventory-color-check input{accent-color:var(--green)}.inventory-color-check i{border:1px solid #00000029;border-radius:50%;width:23px;height:23px}.inventory-color-check strong{font-size:10px}.inventory-color-check small{color:var(--muted);font-size:8px}.inventory-quantity input{border:1px solid var(--line);border-radius:8px;width:100%;height:32px;padding:0 32px 0 8px;font-size:10px}.modal-footer{border-top:1px solid var(--line);min-height:64px;color:var(--muted);justify-content:space-between;align-items:center;padding:10px 22px;font-size:10px;display:flex}.palette-page,.guide-page{padding-bottom:86px}.palette-toolbar{grid-template-columns:230px minmax(220px,1fr) 160px 170px;gap:9px;margin-bottom:14px;display:grid}.palette-switch{height:38px}.palette-search{min-height:38px}.select-with-icon{border:1px solid var(--line);background:var(--paper-strong);height:38px;color:var(--muted);border-radius:10px;align-items:center;gap:4px;padding-left:10px;display:flex}.select-with-icon select{border:0;height:36px;padding-left:4px}.palette-summary-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px;display:grid}.palette-summary-grid article{border:1px solid var(--line);background:var(--paper-strong);border-radius:14px;align-items:center;gap:11px;min-height:78px;padding:13px;display:flex}.palette-summary-grid article>svg{color:var(--green)}.palette-summary-grid small,.palette-summary-grid strong{display:block}.palette-summary-grid small{color:var(--muted);font-size:8px}.palette-summary-grid strong{margin-top:4px;font-size:12px}.palette-layout{grid-template-columns:minmax(0,1fr) 285px;align-items:start;gap:14px;display:grid}.palette-browser-card{min-width:0}.palette-color-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:7px;display:grid}.palette-color-card{border:1px solid var(--line);background:var(--paper-strong);text-align:left;cursor:pointer;border-radius:11px;grid-template-columns:35px 1fr auto;align-items:center;gap:8px;min-height:62px;padding:7px;transition:all .12s;display:grid}.palette-color-card:hover{border-color:#a7a196;transform:translateY(-1px)}.palette-color-card.is-selected{border-color:var(--green);background:var(--green-soft)}.palette-swatch{border:1px solid #00000029;border-radius:10px;width:35px;height:35px;position:relative;box-shadow:inset 0 -3px #00000017}.palette-swatch i{background:#fffc;border:1px solid #0000001a;border-radius:50%;width:11px;height:11px;position:absolute;top:12px;left:12px}.palette-card-copy strong,.palette-card-copy small{display:block}.palette-card-copy strong{font-size:11px}.palette-card-copy small{color:var(--muted);margin-top:4px;font-size:7.5px}.palette-detail{top:calc(var(--header-height) + 14px);position:sticky}.detail-color-hero{border:1px solid #00000026;border-radius:15px;justify-content:flex-end;align-items:flex-end;height:150px;margin-bottom:18px;padding:12px;display:flex;box-shadow:inset 0 -20px 50px #00000014}.detail-color-hero span{color:#111;background:#ffffffc7;border-radius:8px;padding:5px 8px;font:800 12px/1 ui-monospace,monospace}.palette-detail h2{margin:5px 0 16px;font-size:19px}.detail-list{margin:0 0 15px}.detail-list>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;min-height:40px;font-size:10px;display:flex}.detail-list dt{color:var(--muted)}.detail-list dd{text-align:right;align-items:center;gap:6px;margin:0;font-weight:700;display:flex}.detail-list button{cursor:pointer;background:#efede7;border:0;border-radius:7px;justify-content:center;align-items:center;width:25px;height:25px;display:flex}.data-note{background:var(--yellow-soft);color:#725d22;border-radius:11px;align-items:flex-start;gap:8px;margin-top:15px;padding:11px;display:flex}.data-note svg{flex:none}.data-note p{margin:0;font-size:8.5px;line-height:1.65}.empty-detail{text-align:center;min-height:270px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.detail-placeholder{background:var(--green-soft);width:64px;height:64px;color:var(--green);border-radius:20px;justify-content:center;align-items:center;display:flex}.empty-detail h2{color:var(--ink);margin:14px 0 7px}.empty-detail p{max-width:210px;font-size:10px;line-height:1.6}.guide-tabs{top:calc(var(--header-height) + 10px);z-index:20;border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-sm);background:#fffdf9eb;border-radius:15px;gap:5px;margin-bottom:16px;padding:7px;display:flex;position:sticky;overflow-x:auto}.guide-tabs button{min-width:max-content;min-height:39px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:7px;padding:0 13px;font-size:10px;font-weight:750;display:flex}.guide-tabs button.is-active{background:var(--ink);color:#fff}.guide-content{gap:14px;display:grid}.guide-card{padding:25px}.guide-card>header{align-items:center;gap:11px;margin-bottom:16px;display:flex}.guide-card>header>span{background:var(--green-soft);width:40px;height:40px;color:var(--green);border-radius:12px;justify-content:center;align-items:center;display:flex}.guide-card h2{margin:0;font-size:18px}.guide-card-body{color:#505650;font-size:12px;line-height:1.85}.guide-card-body>p:last-child{margin-bottom:0}.comparison-table-wrap{overflow-x:auto}.comparison-table{border-collapse:collapse;width:100%;min-width:620px}.comparison-table th,.comparison-table td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:10px 12px}.comparison-table th{color:var(--ink);background:#efede7;font-size:10px}.comparison-table td{font-size:10px}.guide-tip{border-radius:11px;align-items:flex-start;gap:8px;margin-top:15px;padding:11px 13px;font-size:10px;line-height:1.65;display:flex}.guide-tip svg{flex:none;margin-top:2px}.guide-tip-info{background:var(--blue-soft);color:#345c7e}.guide-tip-warning{background:var(--yellow-soft);color:#725d22}.guide-tip-success{background:var(--green-soft);color:var(--green-dark)}.numbered-list{counter-reset:guide;gap:8px;margin:0;padding:0;list-style:none;display:grid}.numbered-list li{counter-increment:guide;border:1px solid var(--line);background:#faf8f4;border-radius:11px;min-height:50px;padding:10px 12px 10px 48px;position:relative}.numbered-list li:before{content:counter(guide, decimal-leading-zero);color:var(--green);font:800 12px/1 ui-monospace,monospace;position:absolute;top:12px;left:12px}.numbered-list b,.numbered-list span{display:block}.numbered-list b{color:var(--ink);font-size:11px}.numbered-list span{margin-top:3px;font-size:10px}.use-case-grid,.tool-guide-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px;display:grid}.tool-guide-grid{grid-template-columns:repeat(3,1fr)}.use-case-grid div,.tool-guide-grid div{border:1px solid var(--line);background:#faf8f4;border-radius:11px;padding:12px}.use-case-grid b,.use-case-grid span,.tool-guide-grid b,.tool-guide-grid span{display:block}.use-case-grid b,.tool-guide-grid b{color:var(--ink);font-size:10px}.use-case-grid span,.tool-guide-grid span{color:var(--muted);margin-top:5px;font-size:9px;line-height:1.55}.check-list{gap:7px;margin:0;padding:0;list-style:none;display:grid}.check-list li{background:#faf8f4;border-radius:10px;padding:9px 10px 9px 34px;position:relative}.check-list li:before{content:"✓";background:var(--green-soft);width:16px;height:16px;color:var(--green);border-radius:50%;justify-content:center;align-items:center;font-size:9px;font-weight:900;display:flex;position:absolute;top:9px;left:11px}.loading-card{min-height:55vh;color:var(--muted);justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex}.spinner{border:2px solid #1f6f5033;border-top-color:var(--green);border-radius:50%;flex:none;width:18px;height:18px;animation:.75s linear infinite spin}.spinner-light{border-color:#fff #ffffff4d #ffffff4d}@keyframes spin{to{transform:rotate(360deg)}}.toast-stack{z-index:1000;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:18px;right:18px}.toast{min-width:260px;max-width:min(420px,100vw - 36px);min-height:46px;box-shadow:var(--shadow-lg);color:#fff;pointer-events:auto;background:#202522;border:1px solid #ffffff26;border-radius:12px;align-items:center;gap:9px;padding:10px 10px 10px 13px;font-size:11px;animation:.2s toast-in;display:flex}.toast span{flex:1}.toast button{color:currentColor;opacity:.7;cursor:pointer;background:0 0;border:0;display:flex}.toast-warning{background:#755e20}.toast-info{background:#315b7e}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}}.site-footer{border-top:1px solid var(--line);background:#fffdf9eb;margin-top:auto}.footer-inner{grid-template-columns:auto 1fr;align-items:center;gap:20px 40px;width:min(1160px,100% - 32px);min-height:150px;margin-inline:auto;display:grid}.footer-brand{align-items:center;gap:10px;display:flex}.footer-brand img{border-radius:9px}.footer-brand div{flex-direction:column;display:flex}.footer-brand strong{font-size:13px}.footer-brand span{color:var(--muted);margin-top:4px;font-size:9px}.footer-links{justify-self:end;gap:7px;display:flex}.footer-links button,.footer-links a{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:6px;font-size:10px;font-weight:650;text-decoration:none}.footer-inner>p{color:var(--muted-2);grid-column:1/-1;margin:-28px 0 16px;font-size:8px}@media (max-width:1180px){.studio-layout{grid-template-columns:300px minmax(0,1fr)}.workspace-split{grid-template-columns:1fr}.palette-toolbar{grid-template-columns:210px 1fr 150px}.palette-toolbar .select-with-icon:last-child{grid-column:3}.tool-button span{display:none}.tool-button{width:38px;min-width:38px;padding:0}}@media (max-width:980px){.desktop-nav{display:none}.mobile-menu-button{display:inline-flex!important}.hero-grid{grid-template-columns:1fr;gap:44px;padding-block:72px}.hero-product-card{width:min(560px,100%);margin-inline:auto;transform:none}.feature-grid,.workflow-grid,.template-grid{grid-template-columns:repeat(2,1fr)}.studio-topbar{align-items:flex-start;padding-block:16px}.project-title-input{width:min(520px,70vw)}.studio-layout{grid-template-columns:1fr}.studio-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-height:none;display:grid;position:static;overflow:visible}.control-card{margin:0}.settings-details,.generate-button,.local-note{grid-column:1/-1}.stats-grid{grid-template-columns:repeat(3,1fr)}.palette-layout{grid-template-columns:1fr}.palette-detail{position:static}.palette-toolbar{grid-template-columns:1fr 1fr}.palette-toolbar .select-with-icon:last-child{grid-column:auto}.use-case-grid,.tool-guide-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){:root{--header-height:62px}.page-shell,.page-shell-wide{width:min(100% - 20px,1160px)}.header-inner{gap:10px;width:calc(100% - 20px)}.brand-copy small{display:none}.brand-copy strong{font-size:15px}.brand img{width:34px;height:34px}.header-actions .button{display:none}.section-block{padding-block:58px}.hero-grid{min-height:auto;padding-block:58px 48px}.hero-copy h1{font-size:40px}.hero-copy>p{font-size:14px}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.feature-grid,.workflow-grid,.template-grid{grid-template-columns:1fr}.workflow-card{min-height:180px}.workflow-card h3{margin-top:28px}.split-heading{flex-direction:column;align-items:flex-start}.privacy-banner{grid-template-columns:1fr}.privacy-icon{width:50px;height:50px}.privacy-banner .button{width:100%}.site-footer{padding-block:24px}.footer-inner{grid-template-columns:1fr;min-height:auto}.footer-links{flex-wrap:wrap;justify-self:start}.footer-inner>p{grid-column:auto;margin:0}.studio-topbar{flex-direction:column}.project-title-input{width:100%;font-size:21px}.project-actions{width:100%;overflow-x:auto}.project-actions .button{flex:none}.studio-sidebar{grid-template-columns:1fr}.settings-details,.generate-button,.local-note{grid-column:auto}.editor-toolbar{flex-wrap:wrap;align-items:flex-start}.active-brush{margin-left:0}.toolbar-divider{display:none}.canvas-scroll,.canvas-centering{min-height:420px}.canvas-scroll{max-height:60vh}.canvas-view-options{gap:9px}.bead-style-select{justify-content:flex-end;width:100%;margin-left:0}.stats-grid{grid-template-columns:repeat(2,1fr)}.stats-grid article:last-child{grid-column:1/-1}.workspace-card{padding:14px}.canvas-card{padding:0}.export-grid{grid-template-columns:1fr}.color-picker-controls{align-items:stretch}.color-picker-controls .segmented{width:100%}.compact-search{flex-basis:100%}.modal-backdrop{padding:8px}.modal{border-radius:16px;max-height:calc(100vh - 16px)}.modal-header{padding:16px}.inventory-settings{grid-template-columns:1fr 1fr;padding:12px 16px}.inventory-quick-actions{grid-column:1/-1;justify-content:flex-start}.inventory-filter-row{flex-direction:column;padding:10px 16px}.inventory-list{grid-template-columns:1fr;padding:8px 16px}.modal-footer{padding:10px 16px}.page-hero{padding-block:52px 34px}.page-hero h1{font-size:37px}.palette-toolbar{grid-template-columns:1fr}.palette-toolbar .select-with-icon:last-child{grid-column:auto}.palette-summary-grid{grid-template-columns:repeat(2,1fr)}.palette-color-grid{grid-template-columns:repeat(auto-fill,minmax(86px,1fr))}.guide-tabs{top:calc(var(--header-height) + 5px)}.guide-tabs button{flex:none}.guide-card{padding:17px}.tool-guide-grid{grid-template-columns:1fr}.toast-stack{bottom:10px;left:10px;right:10px}.toast{width:100%;min-width:0}}@media (max-width:440px){.hero-copy h1{font-size:34px}.hero-proof{flex-direction:column;gap:7px}.product-stats{grid-template-columns:1fr}.product-board{padding-inline:20px}.template-card{grid-template-columns:78px 1fr auto}.template-preview{width:78px;height:78px}.board-fields{grid-template-columns:1fr}.dimension-fields{grid-template-columns:1fr 32px 1fr}.preset-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.stats-grid article:last-child{grid-column:1/-1}.palette-summary-grid{grid-template-columns:1fr 1fr}.palette-summary-grid article{padding:10px}.inventory-row{grid-template-columns:1fr 100px}.inventory-color-check small{display:none}.use-case-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.footer-owner{font:inherit;color:inherit}