:root{--ink:#26221e;--muted:#716b62;--paper:#f8f3e9;--paper-deep:#efe5d3;--card:#fffdf8;--coral:#f06449;--coral-dark:#c94831;--teal:#167f79;--yellow:#f3c858;--line:#3d322626;--shadow:0 24px 80px #4937231f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:radial-gradient(circle at 10% 4%, #f0644914, transparent 28rem), radial-gradient(circle at 90% 18%, #167f7914, transparent 26rem), var(--paper);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.site-header{justify-content:space-between;align-items:center;width:min(1180px,100% - 40px);height:84px;margin:0 auto;display:flex}.brand{letter-spacing:-.04em;align-items:center;gap:12px;font-size:20px;font-weight:900;display:inline-flex}.brand-mark{grid-template-columns:repeat(2,1fr);gap:3px;width:32px;height:32px;display:grid;transform:rotate(-5deg)}.brand-mark i{background:var(--coral);border-radius:50%;box-shadow:inset -2px -2px #0000001f,inset 2px 2px #fff6}.brand-mark i:nth-child(2),.brand-mark i:nth-child(3){background:var(--teal)}.header-link{border-bottom:2px solid var(--ink);padding:7px 2px;font-size:14px;font-weight:800}.hero{width:min(1280px,100% - 48px);min-height:calc(100svh - 84px);margin:0 auto;padding:22px 0 54px;position:relative}.eyebrow{color:var(--teal);letter-spacing:.12em;align-items:center;gap:9px;font-size:13px;font-weight:900;display:inline-flex}.eyebrow svg{width:16px;fill:var(--yellow);stroke:var(--ink);stroke-width:.6px}.hero h1{letter-spacing:-.075em;margin:22px 0 24px;font-size:clamp(54px,6.2vw,86px);font-weight:950;line-height:.98}.hero h1 em{color:var(--coral);font-style:normal;position:relative}.hero h1 em:after{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 10'%3E%3Cpath d='M2 7c45-6 118 2 196-4' fill='none' stroke='%23167f79' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;height:10px;position:absolute;bottom:-10px;left:3px;right:0}.hero-lead{max-width:550px;color:var(--muted);font-size:19px;line-height:1.85}.hero-actions{flex-wrap:wrap;align-items:center;gap:18px;margin-top:36px;display:flex}.button{cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:12px;padding:15px 22px;font-weight:900;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-2px)}.button:disabled{cursor:not-allowed;opacity:.55}.button-primary{color:#fff;background:var(--coral);box-shadow:0 9px 0 var(--coral-dark), 0 16px 30px #c9483133}.button-primary:hover:not(:disabled){box-shadow:0 6px 0 var(--coral-dark), 0 13px 25px #c9483138}.button-secondary{color:var(--ink);background:var(--yellow);box-shadow:0 6px #c99d31}.button-full{width:100%}.micro-copy{color:var(--muted);font-size:13px}.hero-art{height:520px;position:relative}.art-card{border:2px solid var(--ink);background:var(--card);width:310px;height:380px;box-shadow:12px 14px 0 var(--ink);border-radius:24px;padding:18px;position:absolute}.art-card-back{background:#e8dfd3;top:28px;left:0;transform:rotate(-8deg)}.art-card-front{background:#fffaf0;bottom:22px;right:4px;transform:rotate(5deg)}.mini-label{border:1px solid var(--ink);background:#fff;border-radius:99px;padding:5px 10px;font-size:11px;font-weight:800;display:inline-block}.photo-placeholder{background:linear-gradient(160deg,#9ec9bf,#e7c6a8);border-radius:17px;height:290px;margin-top:18px;position:relative;overflow:hidden}.pet-head{background:#c9804d;border-radius:48% 48% 42% 42%;justify-content:center;align-items:center;gap:44px;width:160px;height:142px;font-size:25px;display:flex;position:absolute;top:86px;left:56px;box-shadow:inset 0 -24px #62301724}.pet-head i{font-size:23px;font-style:normal;position:absolute;bottom:30px}.pet-ear{z-index:1;background:#c9804d;border-radius:80% 10% 60% 35%;width:72px;height:90px;position:absolute;top:55px}.pet-ear-left{left:54px;transform:rotate(-20deg)}.pet-ear-right{right:54px;transform:scaleX(-1)rotate(-20deg)}.art-arrow{z-index:3;border:2px solid var(--ink);color:#fff;background:var(--coral);width:66px;height:66px;box-shadow:5px 5px 0 var(--ink);border-radius:50%;place-items:center;font-size:31px;font-weight:900;display:grid;position:absolute;top:45%;left:46%;transform:rotate(-7deg)}.bead-pet{grid-template-columns:repeat(9,1fr);align-content:center;gap:2px;width:252px;height:252px;margin:28px auto 0;display:grid}.bead-pet i{aspect-ratio:1;background:#d98a4e;border-radius:50%;box-shadow:inset -2px -2px #00000029,inset 3px 3px #ffffff59}.bead-pet i:nth-child(-n+4),.bead-pet i:nth-child(n+6):nth-child(-n+9),.bead-pet i:nth-child(10),.bead-pet i:nth-child(18),.bead-pet i:nth-child(73),.bead-pet i:nth-child(81){opacity:0}.bead-pet i:nth-child(30),.bead-pet i:nth-child(34),.bead-pet i:nth-child(48),.bead-pet i:nth-child(52){background:#292522}.bead-pet i:nth-child(31),.bead-pet i:nth-child(33){background:#fff8e9}.bead-pet i:nth-child(41){background:#ef8b87}.art-sticker{background:var(--yellow);border:2px solid var(--ink);width:72px;height:72px;box-shadow:5px 5px 0 var(--ink);border-radius:50%;place-items:center;font-weight:950;display:grid;position:absolute;bottom:28px;right:-18px;transform:rotate(-13deg)}.hero-sparkle{width:32px;fill:var(--yellow);stroke:var(--ink);stroke-width:.7px;position:absolute}.hero-sparkle-one{top:14px;right:16px}.hero-sparkle-two{width:24px;fill:var(--teal);bottom:30px;left:15px}.hero-showcase{border:2px solid var(--ink);min-width:0;height:650px;box-shadow:12px 14px 0 var(--ink), var(--shadow);isolation:isolate;background:#fffdf8f0;border-radius:30px;padding:22px;position:relative;overflow:hidden}.hero>.hero-showcase{width:100%;height:clamp(630px,100svh - 124px,750px);padding:24px}.hero-showcase:before,.hero-showcase:after{content:"";z-index:-1;filter:blur(1px);pointer-events:none;border-radius:50%;position:absolute}.hero-showcase:before{background:#f3c85845;width:260px;height:260px;top:-125px;right:-52px}.hero-showcase:after{background:#167f7924;width:210px;height:210px;bottom:-112px;left:-82px}.showcase-tabs{z-index:3;background:var(--paper-deep);border-radius:15px;grid-template-columns:1fr 1fr;gap:6px;padding:5px;display:grid;position:relative}.showcase-tabs button{min-height:48px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:11px;justify-content:center;align-items:center;gap:9px;font-size:13px;font-weight:900;transition:color .25s,background .25s,transform .25s;display:flex}.showcase-tabs button:hover{color:var(--ink);transform:translateY(-1px)}.showcase-tabs button.is-active{color:#fff;background:var(--teal);box-shadow:0 5px #0d5d586b,0 10px 20px #167f792e}.showcase-tabs i{opacity:.75;font-family:ui-monospace,monospace;font-size:10px;font-style:normal}.showcase-heading{z-index:2;gap:5px;padding:17px 10px 12px;display:grid;position:relative}.showcase-heading span{color:var(--coral);letter-spacing:.14em;font-size:10px;font-weight:950}.showcase-heading strong{letter-spacing:-.04em;font-size:28px}.showcase-heading small{color:var(--muted);font-size:12px;line-height:1.5}.showcase-stage-switcher{display:none}.showcase-flow{z-index:2;perspective:1400px;align-items:stretch;gap:26px;height:calc(100% - 177px);min-height:390px;padding:4px 18px 12px;animation:.45s both showcase-flow-enter;display:flex;position:relative}.showcase-stage-wrap{flex:1 1 0;min-width:0;transition:flex-grow .6s cubic-bezier(.2,.82,.2,1),opacity .45s,filter .45s;position:relative}.showcase-flow-photo .showcase-stage-wrap.is-active{flex-grow:1.72}.showcase-flow-photo .showcase-stage-wrap.is-muted{flex-grow:.72}.showcase-flow-grid .showcase-stage-wrap.is-active{flex-grow:1.7}.showcase-flow-grid .showcase-stage-wrap.is-muted{flex-grow:.9}.showcase-stage-wrap.is-muted{opacity:.72;filter:saturate(.72)}.showcase-stage-wrap.is-active{z-index:3;opacity:1;filter:none}.showcase-stage{cursor:zoom-in;opacity:.08;transform-origin:bottom;filter:saturate(.35);background:#ffffffe8;border:1px solid #26221e33;border-radius:21px;outline:0;min-width:0;height:100%;padding:11px;transition:opacity .55s,transform .62s cubic-bezier(.2,.8,.2,1),filter .55s,box-shadow .45s,border-color .3s;transform:translateY(28px)rotateX(5deg)scale(.94);box-shadow:0 13px #43332214,0 24px 46px #43332221}.showcase-stage.is-visible{opacity:1;filter:saturate();transform:translateY(0)rotateX(0)scale(1)}.showcase-stage-wrap.is-active .showcase-stage.is-visible{border-color:#167f7952;transform:translateY(-4px)rotateX(1.2deg)rotateY(-.8deg)scale(1.012);box-shadow:0 14px #352b221f,0 34px 60px #3e2f2030}.showcase-stage:focus-visible{box-shadow:0 0 0 4px #167f7933,0 14px #352b221f,0 34px 60px #3e2f2030}.showcase-stage-label{white-space:nowrap;justify-content:space-between;align-items:center;gap:8px;height:34px;padding:0 4px;font-size:11px;font-weight:900;display:flex}.showcase-stage-label>span:first-child{align-items:center;gap:7px;min-width:0;display:flex}.showcase-stage-label b{color:var(--coral);font-family:ui-monospace,monospace;font-size:9px}.showcase-bead-row{align-items:center;padding-right:2px;display:flex}.showcase-bead-row i{--bead-color:#ddd;background:radial-gradient(circle at 42% 38%, #fffffff2 0 8%, transparent 9%), radial-gradient(circle, #00000038 0 17%, transparent 18%), radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--bead-color) 75%, white), var(--bead-color) 55%, color-mix(in srgb, var(--bead-color) 78%, black));width:17px;height:17px;animation:showcase-bead-breathe 2.4s var(--bead-delay) ease-in-out infinite;border:1px solid #1412102e;border-radius:50%;margin-left:-4px;box-shadow:inset 2px 2px 3px #ffffff8f,inset -2px -2px 3px #00000029,0 3px 4px #31261b42}.showcase-image{background-color:#f2ecdf;background-image:linear-gradient(45deg,#ffffffb3 25%,#0000 25%),linear-gradient(-45deg,#ffffffb3 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffffb3 75%),linear-gradient(-45deg,#0000 75%,#ffffffb3 75%);background-position:0 0,0 9px,9px -9px,-9px 0;background-size:18px 18px;border-radius:14px;width:100%;height:calc(100% - 34px);min-height:0;position:relative;overflow:hidden}.showcase-image>img{object-fit:cover;transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .45s}.showcase-flow-photo .showcase-stage-wrap:nth-child(2) img,.showcase-flow-photo .showcase-stage-wrap:nth-child(3) img,.showcase-flow-grid .showcase-stage-wrap img{object-fit:contain}.showcase-stage-wrap.is-active .showcase-image>img{transform:scale(1.025)}.showcase-scan{z-index:2;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffffb3,#0000);width:18%;animation:3.2s ease-in-out infinite showcase-scan;position:absolute;inset:0 auto 0 -18%;transform:skew(-12deg)}.showcase-zoom-hint{z-index:4;color:#fff;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);opacity:0;background:#221e1ac4;border:1px solid #ffffff7a;border-radius:999px;min-width:max-content;padding:7px 11px;font-size:9px;font-weight:850;transition:opacity .25s,transform .25s;position:absolute;bottom:10px;left:50%;transform:translate(-50%,8px);box-shadow:0 5px 16px #1f181233}.showcase-stage-wrap.is-active .showcase-zoom-hint{opacity:1;transform:translate(-50%)}.showcase-lens{--lens-x:50%;--lens-y:42%;z-index:5;left:var(--lens-x);top:var(--lens-y);pointer-events:none;background-color:#fff;background-repeat:no-repeat;background-position:var(--lens-x) var(--lens-y);width:172px;height:172px;box-shadow:0 0 0 2px var(--ink), 8px 13px 0 #26221e33, 0 20px 42px #1f191452, inset 0 0 24px #00000014;opacity:0;background-size:330%;border:7px solid #fffdf8f5;border-radius:50%;transition:opacity .16s,transform .2s cubic-bezier(.2,.8,.2,1);position:absolute;transform:translate(-46%,-46%)scale(.72)}.showcase-lens:after{content:"";border:2px solid var(--ink);background:var(--coral);border-radius:99px;width:48px;height:13px;position:absolute;bottom:-16px;right:-25px;transform:rotate(45deg);box-shadow:0 4px #26221e40}.showcase-lens.is-visible{opacity:1;transform:translate(-50%,-50%)scale(1)}.showcase-arrow{z-index:7;border:2px solid var(--ink);color:#fff;background:var(--coral);width:42px;height:42px;box-shadow:3px 4px 0 var(--ink);opacity:0;border-radius:50%;place-items:center;font-size:20px;font-weight:950;transition:opacity .35s,transform .4s cubic-bezier(.2,.8,.2,1);display:grid;position:absolute;top:49%;right:-34px;transform:translate(-12px)rotate(-10deg)scale(.75)}.showcase-arrow.is-visible{opacity:1;animation:1.8s ease-in-out infinite showcase-arrow-pulse;transform:translate(0)rotate(-7deg)scale(1)}.showcase-status{z-index:2;color:var(--muted);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin:2px 2px 0;font-size:10px;display:grid;position:relative}.showcase-status span{font-weight:850}.showcase-status>i{background:var(--paper-deep);border-radius:99px;height:4px;overflow:hidden}.showcase-status>i:after{content:"";border-radius:inherit;background:var(--teal);transform-origin:0;width:100%;height:100%;animation:showcase-progress var(--showcase-duration,1.35s) linear both;display:block}.showcase-status>i.is-paused:after{animation-play-state:paused}.showcase-status b{color:var(--teal);font-family:ui-monospace,monospace}.showcase-lightbox{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1a1613b3;place-items:center;padding:28px;animation:.2s both showcase-fade-in;display:grid;position:fixed;inset:0}.showcase-lightbox-panel{border:2px solid var(--ink);background:var(--card);border-radius:24px;grid-template-rows:auto minmax(0,1fr) auto;gap:11px;width:min(1040px,94vw);height:min(900px,92svh);padding:16px;display:grid;box-shadow:12px 14px #0c0a08ad,0 30px 90px #00000057}.showcase-lightbox-heading{justify-content:space-between;align-items:center;gap:18px;display:flex}.showcase-lightbox-heading>div{gap:2px;display:grid}.showcase-lightbox-heading span{color:var(--teal);letter-spacing:.12em;font-size:10px;font-weight:900}.showcase-lightbox-heading strong{font-size:19px}.showcase-lightbox-heading button{border:1px solid var(--ink);color:#fff;background:var(--coral);width:42px;height:42px;box-shadow:2px 3px 0 var(--ink);cursor:pointer;border-radius:50%;font-size:23px;line-height:1}.showcase-lightbox-scroll{border:1px solid var(--line);background:#f4efe5;border-radius:15px;min-height:0;overflow:auto}.showcase-lightbox-scroll img{object-fit:contain;width:auto;max-width:100%;height:auto;min-height:100%;margin:0 auto;display:block}.showcase-lightbox-panel>small{color:var(--muted);text-align:center;font-size:10px}@keyframes showcase-flow-enter{0%{opacity:0;transform:translate(18px)rotateY(-2deg)}to{opacity:1;transform:translate(0)rotateY(0)}}@keyframes showcase-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes showcase-scan{0%,18%{opacity:0;left:-22%}35%,68%{opacity:.85}84%,to{opacity:0;left:112%}}@keyframes showcase-arrow-pulse{0%,to{translate:0}50%{translate:5px}}@keyframes showcase-bead-breathe{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-2px)rotate(2deg)}}@keyframes showcase-fade-in{0%{opacity:0}to{opacity:1}}.promise-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#ffffff52;grid-template-columns:repeat(4,1fr);display:grid}.promise-strip div{border-right:1px solid var(--line);grid-template-columns:auto 1fr;align-content:center;column-gap:14px;min-height:122px;padding:26px 30px;display:grid}.promise-strip div:last-child{border:0}.promise-strip b{color:var(--coral);grid-row:span 2;font-family:ui-monospace,monospace;font-size:12px}.promise-strip span{font-size:18px;font-weight:950}.promise-strip small{color:var(--muted);margin-top:4px}.studio-section{width:min(1180px,100% - 40px);margin:0 auto;padding:110px 0 100px}.section-heading{text-align:center;max-width:700px;margin:0 auto 46px}.section-heading>span,.step-kicker{color:var(--teal);letter-spacing:.16em;font-size:11px;font-weight:950}.section-heading h2{letter-spacing:-.06em;margin:13px 0 14px;font-size:clamp(36px,5vw,58px)}.section-heading p{color:var(--muted);font-size:17px}.creator-studio{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:start;gap:20px;display:grid}.mobile-flow-nav{display:none}.local-draft-actions{grid-column:1/-1;justify-content:flex-end;gap:7px;margin-bottom:-8px;display:flex}.local-draft-actions button{min-height:34px;color:var(--muted);cursor:pointer;background:#fffdf8b8;border:1px solid #3c302429;border-radius:999px;padding:6px 11px;font-size:11px;font-weight:800}.local-draft-actions button:hover{color:#9d3d2d;background:#f064490f;border-color:#f0644957}.local-draft-actions button:disabled{cursor:wait;opacity:.55}.local-draft-actions .guide-link{color:var(--teal);background:#167f790f;border-color:#167f793d}.local-draft-actions .guide-link:hover{color:#0d5d58;background:#167f791a;border-color:#167f7966}.starter-callout{background:linear-gradient(110deg,#e8f4f0db,#fffdf8d6);border:1px solid #167f7933;border-radius:16px;grid-column:1/-1;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:14px 16px;display:grid;box-shadow:0 10px 28px #49372312}.starter-callout>span{width:32px;height:32px;color:var(--ink);background:var(--yellow);border-radius:50%;place-items:center;font-size:16px;display:grid;box-shadow:0 3px #c99d31}.starter-callout strong{margin-bottom:2px;font-size:13px;display:block}.starter-callout p{color:var(--muted);margin:0;font-size:11px;line-height:1.5}.starter-callout button{min-height:36px;color:var(--teal);cursor:pointer;background:#fff;border:1px solid #167f7947;border-radius:10px;padding:7px 12px;font-size:11px;font-weight:850}.studio-panel,.design-review-section,.candidate-section,.pattern-workbench{border:1px solid var(--line);box-shadow:var(--shadow);background:#fffdf8e6;border-radius:24px}.studio-panel{min-width:0;padding:26px}.panel-title{align-items:flex-start;gap:14px;margin-bottom:23px;display:flex}.step-number{color:#fff;background:var(--teal);border-radius:50%;flex:0 0 38px;place-items:center;height:38px;font-family:ui-monospace,monospace;font-weight:900;display:grid}.panel-title h3{margin:0 0 5px;font-size:21px}.panel-title p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.input-panel.is-grid-import{grid-column:1/-1}.input-kind-options{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:18px;display:grid}.input-kind-options button{min-width:0;color:var(--ink);text-align:left;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:13px;flex-direction:column;gap:4px;padding:13px 15px;display:flex}.input-kind-options button.is-selected{border-color:var(--teal);box-shadow:inset 0 0 0 1px var(--teal);background:#167f790f}.input-kind-options strong{font-size:14px}.input-kind-options small{color:var(--muted);font-size:11px;line-height:1.4}.dropzone{cursor:pointer;background:#167f790b;border:2px dashed #167f7959;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;height:440px;transition:all .2s;display:flex}.dropzone:hover{border-color:var(--teal);background:#167f7914}.upload-icon{background:var(--teal);color:#fff;border-radius:18px;place-items:center;width:60px;height:60px;margin-bottom:20px;font-size:32px;font-weight:900;display:grid;box-shadow:0 7px #0d5d58}.dropzone strong{font-size:20px}.dropzone>span:not(.upload-icon){color:var(--muted);margin-top:7px}.dropzone small{color:#938a7e;margin-top:20px}.image-selector{cursor:crosshair;-webkit-user-select:none;user-select:none;touch-action:none;background:#ddd2c2;border-radius:18px;width:fit-content;max-width:100%;margin:0 auto;line-height:0;position:relative;overflow:hidden}.image-selector img{pointer-events:none;width:auto;max-width:100%;height:auto;max-height:500px;display:block}.grid-source-preview{border:1px solid var(--line);background:#fff;border-radius:18px;width:fit-content;max-width:100%;margin:0 auto;position:relative;overflow:hidden}.grid-source-preview img{width:auto;max-width:100%;height:auto;max-height:560px;display:block}.grid-source-preview>span{color:#fff;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);text-align:center;background:#221e1ae0;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 13px;font-size:12px;font-weight:850;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.grid-source-preview>span.is-success{background:#0d5d58eb}.grid-palette-settings{border:1px solid var(--line);box-shadow:var(--shadow);background:#fffdf8e6;border-radius:24px;grid-column:1/-1;padding:24px 26px}.grid-palette-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:18px;display:flex}.grid-palette-heading h3{letter-spacing:-.035em;margin:6px 0 0;font-size:23px}.grid-palette-heading p{max-width:450px;color:var(--muted);text-align:right;margin:0;font-size:12px;line-height:1.6}.grid-brand-picker{border:0;grid-template-columns:1fr 1fr;gap:16px;margin:0;padding:0;display:grid}.grid-brand-picker legend{color:var(--muted);margin-bottom:8px;font-size:11px;font-weight:850}.grid-brand-group{border:1px solid var(--line);background:#ffffff6b;border-radius:14px;min-width:0;padding:13px}.grid-brand-group>b{color:var(--teal);margin-bottom:9px;font-size:11px;display:block}.grid-brand-group>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.grid-brand-picker label{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:11px;flex-direction:column;gap:3px;min-width:0;padding:10px 11px;display:inline-flex;position:relative}.grid-brand-picker label.is-selected{color:var(--teal);background:#e8f4f0c7;border-color:#167f797a;box-shadow:inset 0 0 0 1px #167f7924}.grid-brand-picker input{opacity:0;pointer-events:none;position:absolute}.grid-brand-picker strong{font-size:13px}.grid-brand-picker small{color:var(--muted);font-size:10px}.grid-background-control{border:0;margin-top:14px;padding:0}.grid-background-control legend{color:var(--ink);margin-bottom:8px;font-size:12px;font-weight:800}.grid-background-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.grid-background-options>label{border:1px solid var(--line);cursor:pointer;background:#ffffffb3;border-radius:13px;align-items:flex-start;gap:9px;min-height:72px;padding:12px;display:flex}.grid-background-options>label.is-selected{background:#e8f4f0b8;border-color:#167f797a;box-shadow:inset 0 0 0 1px #167f7914}.grid-background-options input{width:16px;height:16px;accent-color:var(--teal);flex:none;margin-top:1px}.grid-background-options span{flex-direction:column;gap:3px;display:flex}.grid-background-options strong{color:var(--ink);font-size:11px}.grid-background-options small{color:var(--muted);font-size:9px;line-height:1.55}.grid-source-colors{background:#e8f4f05c;border:1px dashed #167f7947;border-radius:12px;flex-wrap:wrap;align-items:center;gap:7px;margin-top:10px;padding:10px;display:flex}.grid-source-colors>span{color:var(--muted);margin-right:3px;font-size:10px}.grid-source-colors button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:5px;padding:5px 8px 5px 5px;display:inline-flex}.grid-source-colors button.is-selected{border-color:var(--coral);box-shadow:0 0 0 2px #f0644924}.grid-source-colors i{border:1px solid #201d1a24;border-radius:50%;width:22px;height:22px}.grid-source-colors small{color:var(--muted);font-size:9px}.grid-owned-palette{margin-top:8px}.grid-owned-palette>p{color:var(--muted);margin:8px 0 0;font-size:10px;line-height:1.55}.owned-palette-actions input{border:1px solid var(--line);min-width:160px;color:var(--ink);background:#fff;border-radius:8px;margin-left:auto;padding:6px 9px;font-size:11px}.crop-selection{z-index:2;pointer-events:none;border:2px solid #fff;position:absolute;box-shadow:0 0 0 9999px #1f191494,0 0 0 1px #00000080}.crop-corner{border-color:var(--yellow);border-style:solid;width:15px;height:15px;position:absolute}.crop-corner-tl{border-width:4px 0 0 4px;top:-3px;left:-3px}.crop-corner-tr{border-width:4px 4px 0 0;top:-3px;right:-3px}.crop-corner-bl{border-width:0 0 4px 4px;bottom:-3px;left:-3px}.crop-corner-br{border-width:0 4px 4px 0;bottom:-3px;right:-3px}.crop-hint{color:var(--ink);white-space:nowrap;background:#ffffffe6;border-radius:999px;padding:12px 11px;font-size:11px;font-weight:800;line-height:1;position:absolute;top:10px;left:50%;transform:translate(-50%)}.text-button{color:var(--teal);cursor:pointer;background:0 0;border:0;margin-top:14px;padding:0;font-weight:800}.form-grid{grid-template-columns:1fr 1fr;gap:17px;display:grid}.optional-creator-settings{background:#ffffff6b;border:1px solid #167f792e;border-radius:14px;overflow:hidden}.optional-creator-settings>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:14px;min-height:66px;padding:12px 14px;list-style:none;display:flex}.optional-creator-settings>summary::-webkit-details-marker{display:none}.optional-creator-settings>summary>span{gap:3px;display:grid}.optional-creator-settings>summary strong{color:var(--ink);font-size:13px}.optional-creator-settings>summary small{color:var(--muted);font-size:10px}.optional-creator-settings>summary b{color:var(--teal);background:#fff;border:1px solid #167f7940;border-radius:999px;flex:none;padding:7px 10px;font-size:10px}.optional-creator-settings[open]>summary{border-bottom:1px solid var(--line)}.optional-creator-settings>.form-grid{padding:15px}.field{border:0;flex-direction:column;gap:8px;min-width:0;margin:0;padding:0;display:flex}.field-full{grid-column:1/-1}.field>span,.field legend{font-size:13px;font-weight:900}.field small{color:var(--muted);font-weight:500}.field input,.field textarea,.field select{width:100%;color:var(--ink);background:#fff;border:1px solid #3c30242e;border-radius:12px;outline:0;padding:12px 13px;transition:border .18s,box-shadow .18s}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--teal);box-shadow:0 0 0 3px #167f791c}.field textarea{resize:vertical}.model-correction{background:#ffffff6b;border:1px dashed #3c302433;border-radius:12px}.model-correction summary{cursor:pointer;color:var(--muted);padding:11px 13px;font-size:12px;font-weight:800}.model-correction summary small{color:#9b9287;margin-left:5px;font-weight:500}.model-correction[open] summary{color:var(--ink);border-bottom:1px solid var(--line)}.model-correction>.form-grid{padding:14px}.creative-mode-options{grid-template-columns:1fr 1fr;gap:9px;display:grid}.creative-mode-options label{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:13px;flex-direction:column;gap:5px;min-height:76px;padding:13px;display:flex;position:relative}.creative-mode-options label.is-selected{border-color:var(--teal);box-shadow:inset 0 0 0 1px var(--teal);background:#167f790f}.creative-mode-options input{opacity:0;position:absolute}.creative-mode-options strong{font-size:14px}.creative-mode-options small{font-size:11px;line-height:1.45}.style-library-intro{max-width:760px;color:var(--muted);margin:0 0 10px;font-size:11px;line-height:1.55}.style-options{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.style-options label{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:14px;flex-direction:column;gap:4px;min-width:0;padding:8px 8px 10px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden}.style-options label:hover{transform:translateY(-2px);box-shadow:0 9px 22px #4937231a}.style-options label.is-selected{border-color:var(--coral);box-shadow:inset 0 0 0 1px var(--coral);background:#f064490f}.style-options input{opacity:0;position:absolute}.style-preview{background-color:#f5f0e5;background-image:linear-gradient(45deg,#ddd6c861 25%,#0000 25%),linear-gradient(-45deg,#ddd6c861 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ddd6c861 75%),linear-gradient(-45deg,#0000 75%,#ddd6c861 75%);background-position:0 0,0 7px,7px -7px,-7px 0;background-size:14px 14px;border-radius:9px;place-items:center;height:98px;margin-bottom:4px;display:grid;position:relative;overflow:hidden}.style-preview img{object-fit:contain;width:100%;height:100%}.style-preview b{color:#fff;background:var(--teal);letter-spacing:.08em;border-radius:999px;padding:4px 7px;font-size:8px;position:absolute;top:7px;right:7px}.style-bead-preview{background:#faf9f5;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:77px;display:flex;overflow:hidden}.style-bead-preview img{object-fit:contain;width:100%;height:58px;image-rendering:pixelated}.style-options .style-bead-preview small{color:var(--muted);padding:0;font-size:9px}.style-options label.is-experimental .style-preview b{color:#75644d;background:#f1dfb3}.style-options strong{padding:0 3px;font-size:13px}.style-options small{color:var(--muted);padding:0 3px;font-size:10px;line-height:1.4}.style-options em{color:var(--teal);padding:3px;font-size:9px;font-style:normal;font-weight:800}.realistic-mode-note{color:var(--muted);background:#167f7912;border-radius:12px;padding:13px 14px;font-size:12px;line-height:1.65}.analysis-button{min-height:51px;margin-top:23px}.button-secondary .spinner{border-color:#26221e33;border-top-color:var(--ink)}.brief-tags{flex-wrap:wrap;gap:6px;display:flex}.brief-tags span{color:var(--muted);border:1px solid var(--line);background:#fff;border-radius:999px;padding:5px 8px;font-size:10px}.brief-anchor-tags span{color:#9d3d2d;background:#f0644914;border-color:#f0644942;font-weight:800}.abstraction-plan{background:#167f7914;border:1px solid #167f7929;border-radius:12px;padding:12px}.abstraction-plan>p{color:var(--ink);margin:0 0 9px;font-size:12px;font-weight:800;line-height:1.55}.abstraction-plan dl{gap:6px;margin:0;display:grid}.abstraction-plan dl>div{grid-template-columns:38px 1fr;gap:7px;font-size:10px;line-height:1.5;display:grid}.abstraction-plan dt{color:var(--teal);font-weight:900}.abstraction-plan dd{color:var(--muted);margin:0}.generate-button{min-height:54px}.error-message{color:#a52f24;background:#ffebe6;border:1px solid #f5bbb0;border-radius:11px;padding:11px 13px;font-size:13px;line-height:1.5}.beginner-guide{z-index:1200;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e1915b8;place-items:center;padding:20px;animation:.2s both guide-fade-in;display:grid;position:fixed;inset:0}.beginner-guide-card{border:2px solid var(--ink);background:var(--card);border-radius:24px;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);width:min(1120px,96vw);height:min(800px,94svh);display:grid;overflow:hidden;box-shadow:11px 13px #16120fbf,0 32px 90px #0000004d}.guide-document-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:20px;padding:20px 22px 17px;display:flex}.guide-document-header span,.guide-chapter-heading>span{color:var(--teal);letter-spacing:.15em;font-size:10px;font-weight:950}.guide-document-header h2{letter-spacing:-.045em;margin:5px 0 6px;font-size:28px}.guide-document-header p{color:var(--muted);margin:0;font-size:12px}.guide-document-header>button{border:1px solid var(--ink);color:#fff;background:var(--coral);height:42px;box-shadow:2px 3px 0 var(--ink);cursor:pointer;border-radius:50%;flex:0 0 42px;font-size:23px}.guide-document-layout{grid-template-columns:214px minmax(0,1fr);min-height:0;display:grid}.guide-document-nav{border-right:1px solid var(--line);background:#efeade8f;flex-direction:column;gap:6px;min-height:0;padding:18px 13px;display:flex}.guide-document-nav>b{color:var(--muted);letter-spacing:.12em;margin:0 8px 7px;font-size:10px}.guide-document-nav>button{width:100%;color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;grid-template-columns:28px 1fr;align-items:center;gap:8px;padding:10px 9px;display:grid}.guide-document-nav>button:hover{color:var(--ink);background:#ffffffb8}.guide-document-nav>button:disabled{opacity:.55;cursor:progress}.guide-document-nav>button.is-active{color:var(--ink);background:#fff;border-color:#167f793d;box-shadow:0 8px 22px #49372312}.guide-document-nav>button>i{width:28px;height:28px;color:var(--teal);background:#167f7917;border-radius:9px;place-items:center;font-family:ui-monospace,monospace;font-size:9px;font-style:normal;font-weight:900;display:grid}.guide-document-nav>button.is-active>i{color:#fff;background:var(--teal)}.guide-document-nav button span{gap:2px;min-width:0;display:grid}.guide-document-nav button strong{font-size:11px}.guide-document-nav button small{color:#91887c;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.guide-nav-tip{background:#f064490e;border:1px dashed #f064494d;border-radius:12px;margin-top:auto;padding:11px}.guide-nav-tip strong{color:#a34331;margin-bottom:4px;font-size:10px;display:block}.guide-nav-tip span{color:var(--muted);font-size:9px;line-height:1.55}.guide-document-body{overscroll-behavior:contain;scroll-behavior:smooth;min-width:0;min-height:0;padding:24px 28px 36px;overflow:auto}.guide-document-body article[hidden]{display:none}.guide-chapter-heading{margin-bottom:18px}.guide-chapter-heading h3{letter-spacing:-.035em;margin:5px 0 6px;font-size:23px}.guide-chapter-heading p{color:var(--muted);margin:0;font-size:11px;line-height:1.65}.guide-route-comparison{grid-template-columns:1fr 1fr;gap:13px;display:grid}.guide-route-comparison>section{border:1px solid var(--line);background:#fff;border-radius:16px;padding:13px}.guide-route-comparison>section>b{margin-top:11px;font-size:14px;display:block}.guide-route-comparison>section>p{min-height:48px;color:var(--muted);margin:5px 0 9px;font-size:10px;line-height:1.55}.guide-route-comparison>section>em{color:var(--teal);background:#167f7912;border-radius:7px;padding:5px 7px;font-size:8px;font-style:normal;font-weight:800;display:inline-block}.guide-screen{background-color:#f7f3e9;background-image:linear-gradient(45deg,#ddd6c86b 25%,#0000 25%),linear-gradient(-45deg,#ddd6c86b 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ddd6c86b 75%),linear-gradient(-45deg,#0000 75%,#ddd6c86b 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border:1px solid #3c302424;border-radius:13px;place-items:center;min-width:0;min-height:196px;margin:0;display:grid;position:relative;overflow:hidden}.guide-screen.is-square{min-height:210px}.guide-screen img{object-fit:contain;width:100%;height:210px;display:block}.guide-route-comparison .guide-screen img{object-fit:cover;height:208px}.guide-screen figcaption{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#221e1ad6;border-radius:9px;padding:7px 9px;font-size:9px;font-weight:800;position:absolute;bottom:9px;left:9px}.guide-screen figcaption i{color:var(--yellow);font-style:normal}.guide-note{background:#e8f4f08f;border:1px solid #167f7933;border-radius:13px;margin-top:14px;padding:13px 15px}.guide-note b{color:var(--teal);font-size:11px}.guide-note p{color:var(--muted);margin:4px 0 0;font-size:10px;line-height:1.6}.guide-step{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(260px,.82fr);align-items:center;gap:20px;padding:18px 0;display:grid}.guide-step.is-text-only{grid-template-columns:minmax(0,1fr)}.guide-step.is-text-only .guide-step-copy{max-width:760px}.guide-step.is-text-only .guide-step-copy>p{font-size:14px}.guide-step.is-text-only .guide-step-copy>small{font-size:12px}.guide-step:first-of-type{border-top:0}.guide-step-copy{min-width:0}.guide-step-title{align-items:center;gap:9px;display:flex}.guide-step-title i{color:#fff;background:var(--teal);border-radius:9px;flex:none;place-items:center;width:27px;height:27px;font-family:ui-monospace,monospace;font-size:9px;font-style:normal;font-weight:900;display:grid}.guide-step-title h4{margin:0;font-size:16px}.guide-step-copy>p{color:var(--ink);margin:9px 0 7px;font-size:11px;line-height:1.7}.guide-step-copy>small{color:var(--muted);padding-left:36px;font-size:9px;line-height:1.55;display:block}.guide-finish-card{background:#f064490f;border:1px solid #f0644933;border-radius:13px;padding:14px 16px}.guide-finish-card b{color:#a34331;font-size:11px}.guide-finish-card p{color:var(--muted);margin:5px 0 0;font-size:10px;line-height:1.6}.guide-interface-shot{border:1px solid var(--line);background:#fff;border-radius:13px;min-height:196px;padding:15px;box-shadow:inset 0 0 0 5px #efeade70}.guide-interface-shot>span{color:var(--muted);margin:4px 0 7px;font-size:9px;font-weight:800;display:block}.guide-interface-shot>div{grid-template-columns:1fr 1fr;gap:7px;margin-bottom:11px;display:grid}.guide-interface-shot b{border:1px solid var(--line);border-radius:9px;gap:3px;padding:9px;font-size:10px;display:grid}.guide-interface-shot b.is-selected{color:var(--teal);border-color:var(--teal);box-shadow:inset 0 0 0 1px var(--teal);background:#167f790f}.guide-interface-shot small{color:var(--muted);font-size:8px;font-weight:500}.guide-result-explainer{grid-template-columns:minmax(300px,.9fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.guide-result-explainer .guide-screen{min-height:430px}.guide-result-explainer .guide-screen img{height:430px}.guide-result-explainer ol{gap:10px;margin:0;padding:0;list-style:none;display:grid}.guide-result-explainer li{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:28px 1fr;gap:9px;padding:12px;display:grid}.guide-result-explainer li>i{color:#fff;background:var(--coral);border-radius:9px;place-items:center;width:28px;height:28px;font-family:ui-monospace,monospace;font-size:9px;font-style:normal;font-weight:900;display:grid}.guide-result-explainer li b{font-size:11px}.guide-result-explainer li p{color:var(--muted);margin:4px 0 0;font-size:9px;line-height:1.55}.beginner-glossary{background:#e8f4f075;border:1px solid #167f792b;border-radius:14px;overflow:hidden}.beginner-glossary>summary{cursor:pointer;color:var(--teal);padding:12px 14px;font-size:11px;font-weight:900}.beginner-glossary dl{grid-template-columns:1fr 1fr;gap:9px;margin:0;padding:0 14px 14px;display:grid}.beginner-glossary dl>div{background:#ffffffc7;border-radius:10px;padding:10px 11px}.beginner-glossary dt{color:var(--ink);margin-bottom:3px;font-size:11px;font-weight:900}.beginner-glossary dd{color:var(--muted);margin:0;font-size:10px;line-height:1.55}.beginner-guide-footer{border-top:1px solid var(--line);background:#fffdf8eb;justify-content:space-between;align-items:center;gap:18px;min-height:0;padding:12px 22px;display:flex}.beginner-guide-footer>span{color:var(--muted);font-size:10px}.beginner-guide-footer .button{min-height:44px;padding:10px 17px;font-size:12px}@keyframes guide-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.studio-status{grid-column:1/-1;margin:0}.design-review-section{grid-column:1/-1;padding:28px}.design-review-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding-bottom:20px;display:flex}.design-review-header .panel-title{margin:0}.subject-summary{background:#167f7912;border-radius:14px;grid-template-columns:auto auto;align-items:baseline;column-gap:10px;min-width:260px;padding:12px 15px;display:grid}.subject-summary span{color:var(--teal);letter-spacing:.12em;grid-column:1/-1;font-size:10px;font-weight:950}.subject-summary strong{margin-top:3px;font-size:17px}.subject-summary small{color:var(--muted);text-align:right;font-size:10px}.design-review-glance{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:12px;padding:20px 0 16px;display:grid}.design-concept-summary,.design-anchor-summary{background:linear-gradient(145deg,#167f790e,#ffffffbf);border:1px solid #167f7924;border-radius:15px;min-width:0;padding:16px 17px}.design-concept-summary>span,.design-anchor-summary>span{color:var(--teal);letter-spacing:.1em;margin-bottom:7px;font-size:10px;font-weight:950;display:block}.design-concept-summary p{margin:0;font-size:14px;font-weight:750;line-height:1.65}.design-anchor-summary .brief-tags{gap:6px}.design-review-details{border:1px solid var(--line);background:#ffffff61;border-radius:14px;margin-bottom:16px;overflow:hidden}.design-review-details>summary{cursor:pointer;min-height:48px;color:var(--teal);align-items:center;gap:10px;padding:11px 48px 11px 16px;font-size:12px;font-weight:900;list-style:none;display:flex;position:relative}.design-review-details>summary::-webkit-details-marker{display:none}.design-review-details>summary:after{content:"＋";background:#167f7914;border-radius:50%;place-items:center;width:24px;height:24px;font-size:15px;display:grid;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.design-review-details[open]>summary{border-bottom:1px solid var(--line);color:var(--ink)}.design-review-details[open]>summary:after{content:"−"}.design-review-details>summary small{color:var(--muted);font-size:10px;font-weight:500}.design-review-details .design-review-grid{padding:16px}.design-review-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px;padding:20px 0;display:grid}.design-identity-card,.design-direction-card{background:linear-gradient(145deg,#167f790e,#ffffffd1);border:1px solid #167f7929;border-radius:16px;padding:18px}.design-identity-card section+section,.design-direction-card section+section{margin-top:17px}.design-identity-card section>b,.design-direction-card section>b{margin-bottom:9px;font-size:12px;display:block}.design-identity-card .abstraction-plan{margin-top:18px}.design-section-heading{justify-content:space-between;align-items:center;gap:12px;min-height:30px;margin-bottom:9px;display:flex}.design-section-heading b{font-size:12px}.edit-moves-button,.add-move-button{color:var(--teal);cursor:pointer;background:#ffffffbf;border:1px solid #167f7940;border-radius:999px;font-size:11px;font-weight:850}.edit-moves-button{min-height:30px;padding:5px 11px}.add-move-button{width:100%;min-height:39px;margin-top:9px}.edit-moves-button:hover,.add-move-button:hover{border-color:var(--teal);background:#167f7912}.design-direction-card ol{grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;list-style:none;display:grid}.design-direction-card li{background:#fff;border-radius:11px;grid-template-columns:70px 1fr;align-content:start;gap:3px 8px;min-height:74px;padding:10px 11px;font-size:11px;line-height:1.45;display:grid}.design-direction-card li strong{color:var(--teal)}.design-direction-card li small{color:var(--muted);grid-column:2}.design-direction-card li.design-move-editor{border:1px solid #167f7926;grid-template-columns:1fr;gap:9px;min-height:0;padding:13px;display:grid;position:relative}.design-move-editor label{gap:5px;display:grid}.design-move-editor label>span{color:var(--muted);font-size:10px;font-weight:850}.design-move-editor input,.design-move-editor textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:var(--card);resize:vertical;border-radius:9px;outline:0;padding:8px 9px;font-size:11px;line-height:1.5}.design-move-editor input:focus,.design-move-editor textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #167f7917}.remove-move-button{z-index:1;color:#9d3d2d;cursor:pointer;background:#f064491a;border:0;border-radius:50%;place-items:center;width:25px;height:25px;font-size:18px;line-height:1;display:grid;position:absolute;top:7px;right:7px}.remove-move-button:disabled{cursor:not-allowed;opacity:.3}.design-notes{gap:7px;margin-top:13px;display:grid}.design-notes p{border-top:1px solid var(--line);color:var(--muted);grid-template-columns:42px 1fr;gap:8px;margin:0;padding-top:9px;font-size:10px;line-height:1.55;display:grid}.design-notes strong{color:var(--ink)}.design-review-actions{border-top:1px solid var(--line);grid-template-columns:1fr;padding-top:18px;display:grid}.spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:17px;height:17px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.candidate-section,.pattern-workbench{grid-column:1/-1;margin-top:18px;padding:34px}.candidate-heading{text-align:center;margin-bottom:26px}.candidate-heading h3{letter-spacing:-.04em;margin:8px 0 0;font-size:28px}.candidate-heading p{color:var(--muted);margin:8px auto 0;font-size:12px}.candidate-grid,.candidate-loading-grid{grid-template-columns:repeat(3,minmax(0,1fr));justify-content:center;gap:18px;display:grid}:is(.candidate-grid:has(>:only-child),.candidate-loading-grid:has(>:only-child)){grid-template-columns:minmax(0,430px)}:is(.candidate-grid:has(>:nth-child(2):last-child),.candidate-loading-grid:has(>:nth-child(2):last-child)){grid-template-columns:repeat(2,minmax(0,430px))}.candidate-card{color:var(--ink);background:#fff;border:2px solid #0000;border-radius:18px;padding:9px;transition:border .2s,box-shadow .2s}.candidate-card.is-selected{border-color:var(--coral);box-shadow:0 12px 34px #a94b332e}.candidate-card img{aspect-ratio:1;object-fit:cover;background-color:#f7f2e9;background-image:linear-gradient(45deg,#e8dfd1 25%,#0000 25%),linear-gradient(-45deg,#e8dfd1 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e8dfd1 75%),linear-gradient(-45deg,#0000 75%,#e8dfd1 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;border-radius:12px;width:100%;display:block}.candidate-card>span{justify-content:center;align-items:center;gap:9px;height:45px;font-weight:900;display:flex}.candidate-card>span i{color:#fff;background:var(--coral);border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;font-style:normal;display:grid}.candidate-loading-card{aspect-ratio:1;background:linear-gradient(100deg,#eee4d7 20%,#f9f4eb 40%,#eee4d7 60%) 0 0/300% 100%;border-radius:18px;animation:1.5s infinite shimmer}.regenerate-panel{background:#e8f4f08f;border:1px solid #18858033;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px 16px;max-width:760px;margin:26px auto 0;padding:20px;display:grid}.regenerate-panel>div{grid-column:1/-1}.regenerate-panel b{font-size:16px}.regenerate-panel p{color:var(--muted);margin:4px 0 0;font-size:12px;line-height:1.6}.regenerate-panel textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:82px;color:var(--ink);font:inherit;background:#fff;border-radius:13px;padding:12px 14px;line-height:1.55}.regenerate-panel textarea:focus{border-color:var(--teal);outline:2px solid #18858033}.regenerate-button{border-color:var(--teal);background:var(--teal);color:#fff;min-width:210px;min-height:48px;padding:0 18px}.regenerate-button:disabled{opacity:.45;cursor:not-allowed}.restored-draft-note{color:#176f69;background:#e8f4f0c7;border-color:#167f7947}@keyframes shimmer{to{background-position:-150% 0}}.pattern-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:30px;padding-bottom:25px;display:flex}.pattern-toolbar h3{letter-spacing:-.04em;margin:7px 0;font-size:28px}.pattern-toolbar p{color:var(--muted);margin:0;font-size:13px}.pattern-controls{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.pattern-controls label{color:var(--muted);flex-direction:column;gap:6px;font-size:11px;font-weight:800;display:flex}.pattern-controls select{border:1px solid var(--line);min-width:150px;color:var(--ink);background:#fff;border-radius:10px;padding:10px;font-weight:700}.board-size-control{border:0;flex:1 0 100%;min-width:min(600px,100%);margin:0;padding:0}.board-size-control legend{color:var(--muted);margin-bottom:7px;font-size:11px;font-weight:850}.board-presets{grid-template-columns:repeat(4,minmax(92px,1fr));gap:7px;display:grid}.board-presets label{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:11px;justify-content:center;min-width:0;min-height:58px;padding:8px 10px;position:relative}.board-presets label.is-selected{color:var(--teal);background:#e8f4f0c7;border-color:#167f797a;box-shadow:inset 0 0 0 1px #167f7924}.board-presets input{opacity:0;pointer-events:none;position:absolute}.board-presets strong{color:var(--ink);font-size:12px}.board-presets label.is-selected strong{color:var(--teal)}.board-presets small{font-size:9px;font-weight:650}.custom-size-inputs{justify-content:flex-end;align-items:center;gap:8px;margin-top:8px;display:flex}.custom-size-inputs label{flex-direction:row;align-items:center}.custom-size-inputs input{border:1px solid var(--line);width:72px;color:var(--ink);font:inherit;border-radius:9px;padding:8px}.size-result{color:var(--teal);text-align:right;margin-top:7px;font-size:10px;font-weight:800;display:block}.size-stability-warning{color:#9b4939;margin-top:7px;font-size:10px;font-weight:750;line-height:1.45;display:block}.owned-palette-control{border:1px solid var(--line);background:#ffffff80;border-radius:11px;flex:1 0 100%;padding:10px 11px}.owned-palette-control summary{cursor:pointer;color:var(--ink);font-size:11px;font-weight:850}.owned-palette-control summary small{color:var(--teal);margin-left:7px;font-weight:750}.owned-palette-actions{gap:7px;margin:10px 0 8px;display:flex}.owned-palette-actions button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:8px;padding:6px 9px;font-size:10px;font-weight:800}.owned-palette-grid{grid-template-columns:repeat(10,minmax(42px,1fr));gap:5px;max-height:190px;display:grid;overflow:auto}.owned-palette-grid button{background:var(--paper);min-height:32px;color:var(--muted);cursor:pointer;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:4px;padding:4px;font-size:9px;font-weight:800;display:flex}.owned-palette-grid button.is-selected{color:var(--ink);background:#e8f4f0e6;border-color:#167f796b}.owned-palette-grid i{border:1px solid #00000024;border-radius:50%;flex:none;width:12px;height:12px}.owned-palette-control>em{color:#9b4939;margin-top:7px;font-size:10px;font-style:normal;display:block}.pattern-settings-actions{flex:1 0 100%;justify-content:flex-end;align-items:center;gap:9px;display:flex}.pattern-settings-actions .button{border-radius:10px;min-height:38px;padding:8px 13px;font-size:11px}.settings-apply-button{color:#fff;background:var(--teal)}.settings-review-button{color:var(--teal);background:#fff;border:1px solid #167f7940}.pattern-settings-actions small{color:#9b4939;font-size:10px}.rebuild-confirmation{background:#f0644912;border:1px solid #f0644959;border-radius:11px;flex:1 0 100%;grid-template-columns:1fr auto;align-items:center;gap:4px 16px;padding:11px 12px;display:grid}.rebuild-confirmation strong{font-size:11px}.rebuild-confirmation>span{color:var(--muted);font-size:10px}.rebuild-confirmation>div{grid-area:1/2/3;gap:7px;display:flex}.rebuild-confirmation button{border:1px solid var(--line);min-height:34px;color:var(--ink);cursor:pointer;background:#fff;border-radius:8px;padding:6px 10px;font-size:10px;font-weight:850}.rebuild-confirmation button.is-danger{color:#fff;border-color:var(--coral);background:var(--coral)}.workbench-tabs{background:var(--paper-deep);border-radius:12px;gap:5px;margin-top:20px;padding:4px;display:inline-flex}.workbench-tabs button,.edit-toolbar button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:8px 12px;font-size:12px;font-weight:850}.workbench-tabs button.is-active,.edit-toolbar button.is-active{color:#fff;background:var(--teal);box-shadow:0 3px 8px #167f7933}.construction-hint{color:var(--muted);margin:9px 0 0;font-size:12px;line-height:1.65}.preview-scale-control{border:1px solid var(--line);background:#ffffff7a;border-radius:12px;align-items:center;gap:10px;margin-top:12px;padding:10px 12px;display:flex}.preview-scale-control>span{flex-direction:column;gap:2px;min-width:190px;display:flex}.preview-scale-control strong{font-size:11px}.preview-scale-control small{color:var(--muted);font-size:9px}.preview-scale-control input{min-width:120px;accent-color:var(--teal);flex:1}.preview-scale-control output{min-width:42px;color:var(--teal);text-align:right;font-size:11px;font-weight:850}.preview-scale-control button{min-height:32px;color:var(--teal);cursor:pointer;background:#fff;border:1px solid #167f793d;border-radius:8px;padding:6px 9px;font-size:10px;font-weight:850}.preview-scale-control button:disabled{opacity:.4;cursor:default}.edit-toolbar{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px;margin-top:12px;font-size:11px;display:flex}.edit-toolbar>span{margin-right:4px;font-weight:800}.edit-toolbar>i{background:var(--line);width:1px;height:20px;margin:0 6px}.edit-toolbar button:disabled{opacity:.35;cursor:not-allowed}.recolor-panel{background:#e8f4f08c;border:1px solid #167f7933;border-radius:13px;grid-template-columns:minmax(150px,1fr) minmax(210px,1.4fr) auto auto;align-items:center;gap:9px;margin-top:10px;padding:12px;display:grid}.recolor-panel>div{flex-direction:column;gap:3px;display:flex}.recolor-panel>div strong{font-size:12px}.recolor-panel>div span{color:var(--muted);font-size:10px}.recolor-panel label{color:var(--muted);grid-template-columns:auto 20px 1fr;align-items:center;gap:7px;font-size:10px;font-weight:800;display:grid}.recolor-panel label i{border:1px solid #0000002b;border-radius:50%;width:19px;height:19px;box-shadow:inset -2px -2px #0000001a}.recolor-panel select{border:1px solid var(--line);width:100%;min-width:0;color:var(--ink);background:#fff;border-radius:9px;padding:8px 9px;font-weight:750}.recolor-panel button,.uncertain-review button{min-height:36px;color:var(--teal);cursor:pointer;background:#fff;border:1px solid #167f7945;border-radius:9px;padding:7px 10px;font-size:10px;font-weight:850}.recolor-panel button.is-active{color:#fff;background:var(--teal)}.recolor-panel button:disabled{opacity:.38;cursor:not-allowed}.uncertain-review{color:var(--muted);background:#f064490f;border:1px solid #f064494d;border-radius:11px;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding:10px 12px;font-size:10px;line-height:1.5;display:flex}.uncertain-review strong{color:#9b4939;font-size:11px;display:block}.uncertain-review button{color:#9b4939;border-color:#f064494d;flex:none}.pattern-output{padding-top:30px}.pattern-canvas-shell{background-color:#e6ded1;background-image:linear-gradient(#3c30240d 1px,#0000 1px),linear-gradient(90deg,#3c30240d 1px,#0000 1px);background-size:22px 22px;border-radius:17px;min-height:480px;padding:26px;position:relative;overflow:auto}.pattern-canvas-stage{min-width:0;margin:0 auto}.pattern-canvas-shell canvas{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;background:#f7f1e6;border:1px solid #2a231b38;width:100%;max-width:none;height:auto;display:block;box-shadow:0 15px 45px #32271c2e}.pattern-canvas-shell.is-loading canvas{opacity:.35;filter:blur(1px)}.canvas-loading{background:var(--ink);color:#fff;border-radius:999px;padding:10px 16px;font-size:12px;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pattern-summary{margin-top:16px;display:block}.pattern-summary h4{margin:0 0 12px}.summary-overview,.summary-materials{border:1px solid var(--line);background:#ffffff7a;border-radius:15px;min-width:0;padding:18px}.pattern-legend{margin-top:16px}.pattern-legend h4{margin:0 0 12px}.stat-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.stat-grid div{background:var(--paper);border-radius:12px;flex-direction:column;gap:3px;padding:13px;display:flex}.stat-grid strong{font-size:17px}.stat-grid span{color:var(--muted);font-size:10px}.structure-note{color:var(--muted);background:#167f7912;border-radius:11px;flex-wrap:wrap;gap:4px;margin-top:12px;padding:11px 12px;font-size:11px;line-height:1.5;display:flex}.structure-note b{width:100%;color:var(--teal)}.structure-note>strong{width:100%;color:var(--ink);font-size:11px}.structure-note em{color:#9b4939;width:100%;font-style:normal}.structure-note details{border-top:1px solid #167f7924;width:100%;margin-top:4px;padding-top:6px}.structure-note summary{cursor:pointer;width:fit-content;color:var(--teal);font-weight:850}.structure-note details div{gap:3px;padding-top:7px;display:grid}.palette-list{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:7px;margin-bottom:20px;display:grid}.palette-list button{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;grid-template-columns:29px 1fr auto;align-items:center;gap:9px;padding:5px 7px;display:grid}.palette-list button:hover,.palette-list button.is-selected{background:#f0644912;border-color:#f0644973}.palette-list button:disabled{opacity:.42}.palette-list i{border:1px solid #0000001f;border-radius:50%;place-items:center;width:25px;height:25px;display:grid;position:relative;box-shadow:inset -2px -2px #0000001f}.palette-list i small{color:#fff;background:#1e1915b3;border-radius:99px;place-items:center;min-width:14px;height:14px;font-size:8px;font-style:normal;display:grid}.palette-list code{font-size:11px}.palette-list span{color:var(--muted);font-size:12px}.palette-disclaimer{color:var(--muted);margin:-10px 0 17px;font-size:10px;line-height:1.55}.download-stack{gap:10px;margin-top:14px;display:flex}.download-stack>*{flex:1}.download-stack .button{padding:12px;font-size:12px}footer{border-top:1px solid var(--line);min-height:100px;color:var(--muted);justify-content:space-between;align-items:center;padding:0 max(24px,50% - 590px);font-size:12px;display:flex}footer a{color:var(--ink);font-weight:800}@media (max-width:900px){.hero{padding-top:24px}.hero-art,.hero-showcase{width:100%;margin:0 auto}.hero>.hero-showcase{height:620px}.showcase-flow{gap:16px;padding-inline:4px}.showcase-arrow{right:-25px}.promise-strip{grid-template-columns:1fr 1fr}.promise-strip div:nth-child(2){border-right:0}.promise-strip div:nth-child(-n+2){border-bottom:1px solid var(--line)}.creator-studio{grid-template-columns:minmax(0,1fr)}.creator-studio>*{min-width:0}.design-review-section,.candidate-section,.pattern-workbench{grid-column:1}.design-review-grid,.pattern-summary{grid-template-columns:1fr}}@media (max-width:620px){html{scroll-padding-top:76px}body{padding-bottom:env(safe-area-inset-bottom);overflow-x:clip}.site-header,.hero,.studio-section{width:min(100% - 20px,1180px)}.site-header{height:64px;padding-top:env(safe-area-inset-top)}.brand{gap:9px;font-size:17px}.brand-mark{width:28px;height:28px}.header-link{align-items:center;min-height:44px;font-size:13px;display:inline-flex}.hero{min-height:auto;padding:18px 0 46px}.hero h1{margin:18px 0 20px;font-size:clamp(44px,13vw,54px);line-height:.96}.hero-lead{margin-top:0;font-size:16px;line-height:1.75}.hero-actions{flex-direction:column;margin-top:28px}.hero-actions .button{width:min(280px,100%);min-height:52px}.hero-art{width:100%;max-width:390px;height:360px;margin:0 auto;overflow:hidden}.hero-art .art-card-back{transform-origin:0 0;left:-32px;transform:rotate(-8deg)scale(.66)}.hero-art .art-card-front{transform-origin:100% 100%;right:-30px;transform:rotate(5deg)scale(.66)}.hero-art .art-arrow{top:45%;left:41%;transform:rotate(-7deg)scale(.72)}.hero>.hero-showcase{max-width:390px;height:570px;box-shadow:7px 9px 0 var(--ink), var(--shadow);border-radius:22px;padding:11px}.showcase-tabs{padding:4px}.showcase-tabs button{min-height:40px;font-size:11px}.showcase-heading{padding:11px 3px 8px}.showcase-heading span{font-size:8px}.showcase-heading strong{font-size:18px}.showcase-heading small{min-height:29px;font-size:9px}.showcase-stage-switcher{scrollbar-width:none;gap:5px;margin:0 2px 7px;display:flex;overflow-x:auto}.showcase-stage-switcher::-webkit-scrollbar{display:none}.showcase-stage-switcher button{border:1px solid var(--line);min-height:30px;color:var(--muted);background:#ffffffb8;border-radius:8px;flex:1 0 auto;padding:5px 8px;font-size:9px;font-weight:850}.showcase-stage-switcher button.is-active{color:#fff;border-color:var(--teal);background:var(--teal)}.showcase-stage-switcher button:disabled{opacity:.38}.showcase-flow,.showcase-flow-photo,.showcase-flow-grid{gap:0;height:calc(100% - 185px);min-height:0;padding:0;display:flex}.showcase-stage-wrap,.showcase-flow-photo .showcase-stage-wrap.is-active,.showcase-flow-photo .showcase-stage-wrap.is-muted,.showcase-flow-grid .showcase-stage-wrap.is-active,.showcase-flow-grid .showcase-stage-wrap.is-muted{flex:0 0 100%}.showcase-stage-wrap.is-muted{display:none}.showcase-stage{border-radius:15px;padding:7px}.showcase-stage-wrap.is-active .showcase-stage.is-visible{transform:none}.showcase-stage-label{height:30px;font-size:10px}.showcase-stage-label b{font-size:8px;display:inline}.showcase-bead-row i{width:15px;height:15px}.showcase-image{border-radius:10px;height:calc(100% - 30px)}.showcase-image>img,.showcase-flow-photo .showcase-stage-wrap:nth-child(2) img,.showcase-flow-photo .showcase-stage-wrap:nth-child(3) img,.showcase-flow-grid .showcase-stage-wrap img{object-fit:contain}.showcase-arrow{display:none}.showcase-zoom-hint{opacity:1;font-size:8px;bottom:7px;transform:translate(-50%)}.showcase-lens{display:none}.showcase-status{margin-top:5px;font-size:9px}.showcase-lightbox{padding:10px}.showcase-lightbox-panel{border-radius:18px;width:100%;height:92svh;padding:10px;box-shadow:5px 7px #0c0a08a6}.showcase-lightbox-scroll img{min-height:0}.promise-strip{grid-template-columns:1fr 1fr}.promise-strip div{border-bottom:1px solid var(--line);min-height:92px;padding:18px 14px}.promise-strip div:nth-child(2n){border-right:0}.promise-strip span{font-size:15px}.promise-strip small{font-size:11px;line-height:1.4}.studio-section{padding:64px 0 70px}.section-heading{margin-bottom:26px;padding:0 8px}.section-heading h2{margin:10px 0;font-size:34px;line-height:1.08}.section-heading p{margin:0;font-size:14px;line-height:1.65}.creator-studio{gap:14px}.grid-palette-settings{border-radius:18px;padding:18px 16px}.grid-palette-heading{flex-direction:column;align-items:flex-start;gap:7px;margin-bottom:15px}.grid-palette-heading h3{font-size:20px}.grid-palette-heading p{text-align:left}.grid-brand-picker{grid-template-columns:1fr;gap:10px}.grid-brand-picker legend{grid-column:1/-1}.grid-brand-group>div{grid-template-columns:1fr 1fr}.grid-brand-picker label{min-width:0;margin:0;padding:10px}.grid-background-options{grid-template-columns:1fr}.grid-background-options>label{min-height:0}.grid-source-colors{max-height:190px;overflow-y:auto}.grid-owned-palette{grid-column:auto}.grid-owned-palette .owned-palette-actions{flex-wrap:wrap}.grid-owned-palette .owned-palette-actions input{order:-1;width:100%;min-height:42px;margin-left:0;font-size:16px}.mobile-flow-nav{z-index:20;top:max(8px, env(safe-area-inset-top));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdf8eb;border:1px solid #3d32261f;border-radius:16px;grid-column:1;grid-template-columns:repeat(4,1fr);gap:2px;padding:7px;display:grid;position:sticky;box-shadow:0 8px 24px #4937231f}.mobile-flow-nav.is-grid-flow{grid-template-columns:repeat(3,1fr)}.mobile-flow-nav span{min-width:0;min-height:42px;color:var(--muted);border-radius:11px;justify-content:center;align-items:center;gap:5px;font-size:11px;font-weight:850;display:flex;position:relative}.mobile-flow-nav span+span:before{content:"";background:var(--line);width:4px;height:1px;position:absolute;left:-2px}.mobile-flow-nav i{border:1px solid var(--line);border-radius:50%;place-items:center;width:20px;height:20px;font-size:9px;font-style:normal;display:grid}.mobile-flow-nav .is-current{color:#fff;background:var(--teal)}.mobile-flow-nav .is-current i{border-color:#ffffff73}.mobile-flow-nav .is-done{color:var(--teal)}.mobile-flow-nav .is-done i{color:#fff;border-color:var(--teal);background:var(--teal)}.local-draft-actions{margin:-4px 2px -6px}.local-draft-actions button{min-height:38px;padding-inline:13px}.starter-callout{grid-template-columns:auto 1fr;padding:13px}.starter-callout>span{width:30px;height:30px}.starter-callout p{font-size:10px}.starter-callout button{grid-column:1/-1;width:100%;min-height:42px}.studio-panel,.design-review-section,.candidate-section,.pattern-workbench{border-radius:18px;padding:16px;box-shadow:0 12px 36px #49372317}.panel-title{gap:11px;margin-bottom:18px}.step-number{flex-basis:34px;height:34px;font-size:12px}.panel-title h3{font-size:19px}.panel-title p{font-size:12px;line-height:1.5}.dropzone{height:270px}.input-kind-options{grid-template-columns:1fr}.input-kind-options button{min-height:64px}.image-selector{border-radius:13px}.image-selector img{max-height:430px}.grid-source-preview{border-radius:13px}.grid-source-preview img{max-height:430px}.grid-source-preview>span{font-size:11px;bottom:8px;left:8px;right:8px}.crop-hint{text-overflow:ellipsis;max-width:calc(100% - 16px);padding:10px;overflow:hidden}.form-grid{grid-template-columns:1fr;gap:14px}.optional-creator-settings>summary{flex-direction:column;align-items:flex-start;min-height:72px}.optional-creator-settings>summary b{align-self:flex-start}.optional-creator-settings>.form-grid{padding:12px}.field{grid-column:1}.field>span,.field legend{font-size:14px}.field input,.field textarea,.field select,.pattern-controls select{min-height:48px;font-size:16px}.creative-mode-options,.style-options{grid-template-columns:1fr 1fr;gap:8px}.creative-mode-options label{min-height:98px;padding:12px}.style-options label{min-height:84px;padding:11px}.creative-mode-options strong,.style-options strong{font-size:13px}.creative-mode-options small,.style-options small{font-size:11px}.analysis-button,.generate-button{min-height:52px;font-size:15px}.studio-status{font-size:13px}.design-review-header{flex-direction:column;align-items:stretch;gap:14px;padding-bottom:16px}.subject-summary{min-width:0;padding:13px}.subject-summary strong{font-size:16px}.subject-summary small{font-size:11px}.design-review-glance{grid-template-columns:1fr;gap:9px;padding:14px 0 12px}.design-concept-summary,.design-anchor-summary{border-radius:13px;padding:13px}.design-concept-summary p{font-size:13px;line-height:1.6}.design-review-details{margin-bottom:12px}.design-review-details>summary{flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;min-height:52px;padding-left:13px;font-size:13px}.design-review-details>summary small{font-size:11px;line-height:1.4}.design-review-details .design-review-grid{padding:12px}.design-review-grid{gap:12px;padding:14px 0}.design-identity-card,.design-direction-card{border-radius:14px;min-width:0;padding:14px}.design-identity-card section>b,.design-direction-card section>b,.design-section-heading b{font-size:13px}.edit-moves-button{min-height:40px;padding:8px 13px;font-size:12px}.brief-tags{gap:7px}.brief-tags span{padding:7px 9px;font-size:12px;line-height:1.35}.abstraction-plan{padding:12px}.abstraction-plan>p{font-size:13px}.abstraction-plan dl>div{grid-template-columns:42px 1fr;font-size:12px}.design-direction-card{overflow:hidden}.design-direction-card ol{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;grid-template-columns:none;grid-auto-columns:84%;grid-auto-flow:column;gap:9px;margin-right:-14px;padding:0 14px 8px 0;display:grid;overflow-x:auto}.design-direction-card ol::-webkit-scrollbar{display:none}.design-direction-card li{scroll-snap-align:start;grid-template-columns:62px 1fr;min-height:118px;padding:12px;font-size:12px}.design-direction-card li small{font-size:11px}.design-direction-card.is-editing{overflow:visible}.design-direction-card.is-editing ol{scroll-snap-type:none;grid-template-columns:1fr;grid-auto-columns:auto;grid-auto-flow:row;margin-right:0;padding:0;display:grid;overflow:visible}.design-direction-card li.design-move-editor{scroll-snap-align:none;min-height:0;padding:13px}.design-move-editor label>span{font-size:12px}.design-move-editor input,.design-move-editor textarea{min-height:44px;padding:10px;font-size:16px}.add-move-button{min-height:44px;font-size:12px}.design-notes p{grid-template-columns:40px 1fr;font-size:11px}.design-review-actions{grid-template-columns:1fr;gap:12px;padding-top:14px}.candidate-section{min-width:0;overflow:hidden}.candidate-heading{text-align:left;margin-bottom:17px}.candidate-heading h3{margin-top:6px;font-size:23px;line-height:1.2}.candidate-heading p{font-size:12px;line-height:1.55}:is(.candidate-grid,.candidate-loading-grid,.candidate-grid:has(>:nth-child(2):last-child),.candidate-loading-grid:has(>:nth-child(2):last-child)){overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;justify-content:flex-start;gap:12px;margin:0 -16px;padding:0 16px 14px;display:flex;overflow-x:auto}.candidate-grid::-webkit-scrollbar{display:none}.candidate-loading-grid::-webkit-scrollbar{display:none}.candidate-card,.candidate-loading-card{scroll-snap-align:center;flex:0 0 calc(100vw - 50px);max-width:390px}.candidate-card{border-radius:16px;padding:7px}.candidate-card img{border-radius:10px}.candidate-card>span{min-height:48px}.regenerate-panel{grid-template-columns:1fr;gap:12px;margin-top:18px;padding:15px}.regenerate-panel>div{grid-column:auto}.regenerate-button{width:100%;min-width:0}.pattern-toolbar{flex-direction:column;align-items:stretch;gap:18px}.pattern-toolbar h3{font-size:24px}.pattern-toolbar p{font-size:12px;line-height:1.55}.pattern-controls{grid-template-columns:1fr 1fr;gap:10px;display:grid}.pattern-controls label{font-size:12px}.board-size-control,.owned-palette-control{grid-column:1/-1;min-width:0}.board-presets{grid-template-columns:1fr 1fr}.board-presets label{min-height:60px}.custom-size-inputs{justify-content:stretch}.custom-size-inputs label{flex:1}.custom-size-inputs input{width:100%;min-width:0;font-size:16px}.size-result{text-align:left}.owned-palette-grid{grid-template-columns:repeat(4,minmax(54px,1fr));max-height:240px}.pattern-controls select{width:100%;min-width:0}.pattern-settings-actions{flex-direction:column;justify-content:stretch;align-items:stretch}.pattern-settings-actions .button{min-height:44px}.pattern-settings-actions small{text-align:center}.rebuild-confirmation{grid-template-columns:1fr}.rebuild-confirmation>div{grid-area:auto/1;margin-top:5px}.rebuild-confirmation button{flex:1;min-height:42px}.workbench-tabs{white-space:nowrap;scrollbar-width:none;max-width:100%;overflow-x:auto}.workbench-tabs::-webkit-scrollbar{display:none}.workbench-tabs button,.edit-toolbar button{min-height:44px;padding:9px 12px;font-size:12px}.construction-hint{font-size:12px}.preview-scale-control{flex-wrap:wrap;align-items:stretch}.preview-scale-control>span{width:100%;min-width:0}.preview-scale-control input{min-width:0}.edit-toolbar{gap:5px}.edit-toolbar>span{width:100%;font-size:12px}.edit-toolbar>i{display:none}.recolor-panel{grid-template-columns:1fr 1fr}.recolor-panel>div,.recolor-panel label{grid-column:1/-1}.recolor-panel button{min-height:44px}.uncertain-review{flex-direction:column;align-items:stretch}.uncertain-review button{min-height:42px}.pattern-output{padding-top:18px}.pattern-canvas-shell{overscroll-behavior:contain;width:100%;max-width:100%;min-height:360px;padding:12px;overflow:auto}.canvas-loading{text-align:center;max-width:calc(100% - 30px)}.pattern-summary{gap:12px;margin-top:14px}.summary-overview,.summary-materials{padding:14px}.stat-grid strong{font-size:16px}.palette-list{grid-template-columns:repeat(2,minmax(0,1fr))}.palette-list button{min-height:44px}.download-stack{flex-direction:column}.beginner-guide{padding:7px}.beginner-guide-card{border-radius:18px;width:100%;height:96svh;box-shadow:5px 7px #16120fb8}.guide-document-header{padding:14px 60px 12px 15px;display:block;position:relative}.guide-document-header h2{font-size:21px}.guide-document-header p{max-width:280px;font-size:10px;line-height:1.5}.guide-document-header>button{width:38px;height:38px;position:absolute;top:13px;right:14px}.guide-document-layout{flex-direction:column;display:flex}.guide-document-nav{border-right:0;border-bottom:1px solid var(--line);scrollbar-width:none;flex:none;grid-template-columns:repeat(4,minmax(118px,1fr));padding:9px;display:grid;overflow-x:auto}.guide-document-nav::-webkit-scrollbar{display:none}.guide-document-nav>b,.guide-nav-tip{display:none}.guide-document-nav>button{grid-template-columns:24px 1fr;padding:8px}.guide-document-nav>button>i{width:24px;height:24px}.guide-document-nav button small{display:none}.guide-document-body{flex:auto;padding:17px 15px 28px}.guide-chapter-heading h3{font-size:20px}.guide-route-comparison{grid-template-columns:1fr}.guide-route-comparison>section>p{min-height:0}.guide-step{grid-template-columns:1fr;gap:12px;padding:16px 0}.guide-step-copy>p{font-size:12px}.guide-step-copy>small{padding-left:0;font-size:10px}.guide-screen,.guide-screen.is-square{min-height:220px}.guide-screen img,.guide-route-comparison .guide-screen img{height:220px}.guide-result-explainer{grid-template-columns:1fr}.guide-result-explainer .guide-screen{min-height:330px}.guide-result-explainer .guide-screen img{height:330px}.beginner-glossary dl{grid-template-columns:1fr}.beginner-guide-footer{padding:9px 12px calc(9px + env(safe-area-inset-bottom))}.beginner-guide-footer>span{display:none}.beginner-guide-footer .button{width:100%;min-height:42px}footer{padding:24px 18px calc(24px + env(safe-area-inset-bottom));text-align:center;flex-direction:column;justify-content:center;gap:9px}}@media (prefers-reduced-motion:reduce){.showcase-flow,.showcase-stage,.showcase-stage-wrap,.showcase-arrow,.showcase-scan,.showcase-bead-row i,.showcase-status>i:after,.showcase-lightbox,.beginner-guide{transition:none;animation:none}}@media (max-width:370px){.site-header,.hero,.studio-section{width:min(100% - 14px,1180px)}.brand{font-size:16px}.creative-mode-options,.style-options{grid-template-columns:1fr}.mobile-flow-nav span{gap:3px;font-size:10px}.mobile-flow-nav i{width:18px;height:18px}.pattern-controls{grid-template-columns:1fr}}