:root{--paper: #FBFBFC;--paper-sunk: #F1F2F5;--rule: #E2E4EA;--rule-strong: #C7CBD4;--graphite: #1C1F26;--graphite-mid: #565C6B;--graphite-dim: #878D9C;--indigo: #2E3A8C;--indigo-deep: #1F2861;--indigo-wash: #EEF0FB;--thread-red: #C0392B;--success: #2F7A55;--warn: #9A6212;--font-display: "Fraunces", Georgia, serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace;--t-xs: .75rem;--t-sm: .8125rem;--t-base: .9375rem;--t-md: 1.0625rem;--t-lg: 1.375rem;--t-xl: 1.875rem;--t-2xl: 2.5rem;--t-3xl: 3.25rem;--s-1: .25rem;--s-2: .5rem;--s-3: .75rem;--s-4: 1rem;--s-5: 1.5rem;--s-6: 2rem;--s-7: 3rem;--s-8: 4rem;--radius-sm: 3px;--radius: 5px;--radius-lg: 8px;--shadow-sm: 0 1px 2px rgba(28, 31, 38, .06);--shadow: 0 2px 8px rgba(28, 31, 38, .08);--shadow-lg: 0 8px 28px rgba(28, 31, 38, .12);--header-h: 60px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--paper);color:var(--graphite);font-family:var(--font-body);font-size:var(--t-base);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.018em;line-height:1.12;margin:0}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--indigo);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--indigo);outline-offset:2px;border-radius:var(--radius-sm)}.tabular{font-variant-numeric:tabular-nums}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.app{display:flex;flex-direction:column;min-height:100%}.masthead{display:flex;align-items:center;gap:var(--s-6);height:var(--header-h);padding:0 var(--s-5);border-bottom:1px solid var(--rule);background:var(--paper);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:var(--s-3);text-decoration:none}.brand:hover{text-decoration:none}.brand__mark{display:grid;grid-template-columns:1fr 1fr;gap:1.5px;width:18px;height:18px}.brand__mark span{background:var(--indigo);border-radius:1px}.brand__mark span:nth-child(2){background:var(--thread-red)}.brand__mark span:nth-child(3){background:var(--rule-strong)}.brand__word{font-family:var(--font-display);font-weight:600;font-size:var(--t-md);letter-spacing:-.02em;color:var(--graphite)}.masthead__nav{display:flex;gap:var(--s-5);margin-left:var(--s-4)}.masthead__nav a{color:var(--graphite-mid);font-size:var(--t-sm);font-weight:500;padding:var(--s-2) 0;border-bottom:2px solid transparent;text-decoration:none}.masthead__nav a:hover{color:var(--graphite);text-decoration:none}.masthead__nav a.is-active{color:var(--indigo);border-bottom-color:var(--indigo)}.masthead__auth{margin-left:auto;display:flex;align-items:center;gap:var(--s-4)}.masthead__who{font-size:var(--t-sm);color:var(--graphite-mid)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);border:1px solid transparent;border-radius:var(--radius);font-weight:500;cursor:pointer;white-space:nowrap;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.btn--sm{padding:var(--s-2) var(--s-3);font-size:var(--t-sm)}.btn--md{padding:var(--s-2) var(--s-4);font-size:var(--t-base)}.btn--lg{padding:var(--s-3) var(--s-5);font-size:var(--t-base);width:100%}.btn--primary{background:var(--indigo);color:#fff}.btn--primary:hover:not(:disabled){background:var(--indigo-deep)}.btn--secondary{background:var(--paper);color:var(--graphite);border-color:var(--rule-strong)}.btn--secondary:hover:not(:disabled){background:var(--paper-sunk)}.btn--danger{background:transparent;color:var(--thread-red);border-color:var(--rule-strong)}.btn--danger:hover:not(:disabled){background:#fbeeec;border-color:var(--thread-red)}.btn:disabled{opacity:.45;cursor:not-allowed}.linkbtn{background:none;border:0;padding:0;cursor:pointer;color:var(--indigo);font-size:var(--t-sm);text-decoration:none}.linkbtn:hover{text-decoration:underline}.field{margin-bottom:var(--s-4)}.field__label{display:block;font-size:var(--t-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--graphite-mid);margin-bottom:var(--s-2)}.field__input{width:100%;padding:var(--s-2) var(--s-3);border:1px solid var(--rule-strong);border-radius:var(--radius);background:var(--paper);font-size:var(--t-base)}.field__input:focus{border-color:var(--indigo);outline:none;box-shadow:0 0 0 3px var(--indigo-wash)}.field__hint{margin:var(--s-2) 0 0;font-size:var(--t-xs);color:var(--graphite-dim);line-height:1.45}.field__error{margin:var(--s-2) 0 0;font-size:var(--t-xs);color:var(--thread-red)}.slider{margin-bottom:var(--s-5)}.slider__head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--s-2)}.slider__head .field__label{margin-bottom:0}.slider__value{font-family:var(--font-mono);font-size:var(--t-sm);color:var(--graphite);font-weight:500}.slider__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:3px;background:var(--rule-strong);border-radius:2px;outline:none}.slider__input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--indigo);cursor:grab;border:2px solid var(--paper);box-shadow:0 0 0 1px var(--rule-strong)}.slider__input::-webkit-slider-thumb:active{cursor:grabbing}.slider__input::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--indigo);cursor:grab;border:2px solid var(--paper);box-shadow:0 0 0 1px var(--rule-strong)}.toggle{margin-bottom:var(--s-4)}.toggle__row{display:flex;align-items:center;gap:var(--s-3)}.toggle__input{width:16px;height:16px;accent-color:var(--indigo);cursor:pointer}.toggle__label{font-size:var(--t-base);cursor:pointer}.toggle__hint{margin-left:28px}.segmented{display:inline-flex;border:1px solid var(--rule-strong);border-radius:var(--radius);overflow:hidden}.segmented__opt{background:var(--paper);border:0;padding:var(--s-1) var(--s-3);font-size:var(--t-xs);font-weight:500;color:var(--graphite-mid);cursor:pointer}.segmented__opt+.segmented__opt{border-left:1px solid var(--rule-strong)}.segmented__opt.is-active{background:var(--indigo-wash);color:var(--indigo)}.spinner{display:inline-flex;gap:3px;align-items:center}.spinner__dot{width:4px;height:4px;border-radius:50%;background:var(--indigo);animation:pulse 1.1s ease-in-out infinite}.spinner__dot:nth-child(2){animation-delay:.16s}.spinner__dot:nth-child(3){animation-delay:.32s}@keyframes pulse{0%,80%,to{opacity:.25}40%{opacity:1}}.alert{display:flex;gap:var(--s-3);padding:var(--s-3);border-radius:var(--radius);font-size:var(--t-sm);margin-bottom:var(--s-4)}.alert--error{background:#fbeeec;color:#8c2a1e;border:1px solid #F0CFC9}.alert--info{background:var(--indigo-wash);color:var(--indigo-deep);border:1px solid #D7DCF5}.alert__title{display:block;margin-bottom:2px}.alert__body{flex:1}.alert__close{background:none;border:0;cursor:pointer;font-size:18px;line-height:1;color:inherit;opacity:.6}.alert__close:hover{opacity:1}.studio{display:grid;grid-template-columns:320px minmax(0,1fr) 280px;height:calc(100vh - var(--header-h));overflow:hidden}.panel{display:flex;flex-direction:column;border-right:1px solid var(--rule);background:var(--paper);min-height:0}.panel__scroll{flex:1;overflow-y:auto;padding:var(--s-5);min-height:0}.panel__section{padding-bottom:var(--s-5);margin-bottom:var(--s-5);border-bottom:1px solid var(--rule)}.panel__section:last-child{border-bottom:0;margin-bottom:0}.panel__title{font-family:var(--font-body);font-size:var(--t-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--graphite-mid);margin-bottom:var(--s-4)}.panel__foot{border-top:1px solid var(--rule);padding:var(--s-4) var(--s-5);background:var(--paper-sunk)}.drop{position:relative;border:1.5px dashed var(--rule-strong);border-radius:var(--radius-lg);padding:var(--s-7) var(--s-4);text-align:center;cursor:pointer;overflow:hidden;transition:border-color .15s ease,background-color .15s ease}.drop:hover,.drop.is-dragging{border-color:var(--indigo);background:var(--indigo-wash)}.drop__grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;background-image:linear-gradient(var(--rule) 1px,transparent 1px),linear-gradient(90deg,var(--rule) 1px,transparent 1px);background-size:12px 12px;mask-image:radial-gradient(circle at 50% 50%,#000 20%,transparent 72%);-webkit-mask-image:radial-gradient(circle at 50% 50%,#000 20%,transparent 72%)}.drop__main{position:relative;margin:0 0 var(--s-2);font-weight:500}.drop__sub{position:relative;margin:0;font-size:var(--t-xs);color:var(--graphite-dim)}.source{display:flex;gap:var(--s-3);align-items:center}.source__img{width:72px;height:72px;object-fit:cover;border-radius:var(--radius);border:1px solid var(--rule)}.source__meta{min-width:0}.source__name{margin:0 0 var(--s-1);font-size:var(--t-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crafts{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-2)}.craftbtn{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:var(--s-3);border:1px solid var(--rule-strong);border-radius:var(--radius);background:var(--paper);cursor:pointer;text-align:left;transition:border-color .12s ease,background-color .12s ease}.craftbtn:hover{border-color:var(--graphite-dim)}.craftbtn.is-active{border-color:var(--indigo);background:var(--indigo-wash)}.craftbtn__name{font-size:var(--t-sm);font-weight:500}.craftbtn__ratio{font-family:var(--font-mono);font-size:10px;color:var(--graphite-dim)}.adv summary{cursor:pointer;font-size:var(--t-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--graphite-mid);margin-bottom:var(--s-4);list-style:none}.adv summary::-webkit-details-marker{display:none}.adv summary:before{content:"+ ";font-family:var(--font-mono)}.adv[open] summary:before{content:"− "}.stage{display:flex;flex-direction:column;min-width:0;background:var(--paper-sunk);position:relative}.stage__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--rule);background:var(--paper);flex-wrap:wrap}.stage__meta{display:flex;align-items:center;gap:var(--s-2);font-size:var(--t-sm);color:var(--graphite-mid)}.stage__meta strong{color:var(--graphite);font-weight:600}.stage__idle{color:var(--graphite-dim)}.dot{color:var(--rule-strong)}.stage__tools{display:flex;align-items:center;gap:var(--s-3)}.zoom{display:flex;align-items:center;gap:var(--s-2);border:1px solid var(--rule-strong);border-radius:var(--radius);padding:2px}.zoom button{width:22px;height:22px;border:0;background:none;cursor:pointer;color:var(--graphite-mid);border-radius:var(--radius-sm);font-size:14px;line-height:1}.zoom button:hover{background:var(--paper-sunk);color:var(--graphite)}.zoom span{font-size:var(--t-xs);min-width:38px;text-align:center;color:var(--graphite-mid)}.stage__canvas{flex:1;overflow:auto;display:flex;align-items:center;justify-content:center;padding:var(--s-5);min-height:0}.stage__msg{max-width:420px}.chart-wrap{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.chart-canvas{background:#fff;box-shadow:var(--shadow-lg);image-rendering:pixelated;cursor:crosshair;max-width:none}.empty{text-align:center;max-width:340px}.empty__chart{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;width:132px;margin:0 auto var(--s-5);opacity:.5}.empty__chart span{aspect-ratio:1;background:var(--rule);border-radius:1px}.empty__chart span:nth-child(3n){background:var(--rule-strong)}.empty__chart span:nth-child(11){background:var(--indigo);opacity:.35}.empty__chart span:nth-child(29){background:var(--thread-red);opacity:.35}.empty__title{font-size:var(--t-lg);margin-bottom:var(--s-2)}.empty__body{color:var(--graphite-mid);font-size:var(--t-sm);margin:0}.readout{position:absolute;bottom:var(--s-4);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--s-3);background:var(--graphite);color:#fff;padding:var(--s-2) var(--s-4);border-radius:100px;font-size:var(--t-xs);box-shadow:var(--shadow-lg);pointer-events:none;white-space:nowrap}.readout__sw{width:12px;height:12px;border-radius:2px;box-shadow:0 0 0 1px #ffffff59}.readout__code{font-family:var(--font-mono);opacity:.95}.readout__name{opacity:.7}.legend{border-left:1px solid var(--rule);background:var(--paper);overflow-y:auto;padding:var(--s-5);min-height:0}.legend__head{display:flex;align-items:baseline;justify-content:space-between}.legend__count{font-family:var(--font-mono);font-size:var(--t-sm);color:var(--graphite-dim)}.legend__idle{font-size:var(--t-sm);color:var(--graphite-dim)}.legend__list{list-style:none;margin:0;padding:0}.swatch{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:var(--s-3);align-items:center;padding:var(--s-3) 0;border-bottom:1px solid var(--rule)}.swatch__chip{width:30px;height:30px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:13px;font-weight:500;box-shadow:inset 0 0 0 1px #1c1f2624}.swatch__text{min-width:0}.swatch__name{display:block;font-size:var(--t-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.swatch__code{display:block;font-family:var(--font-mono);font-size:10px;color:var(--graphite-dim)}.swatch__stats{text-align:right;font-size:var(--t-xs)}.swatch__pct{display:block;color:var(--graphite);font-weight:500}.swatch__n{display:block;color:var(--graphite-dim);font-size:10px}.swatch__bar{position:absolute;left:0;bottom:0;height:2px;width:var(--pct);background:var(--c);opacity:.55}.page{max-width:1100px;margin:0 auto;padding:var(--s-7) var(--s-5);width:100%}.page--center{display:flex;align-items:center;justify-content:center;min-height:50vh}.page__head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s-4);margin-bottom:var(--s-5)}.page__title{font-size:var(--t-2xl)}.page__sub{color:var(--graphite-dim);font-size:var(--t-sm);margin:var(--s-1) 0 0}.filters{display:flex;gap:var(--s-2);margin-bottom:var(--s-5);flex-wrap:wrap}.chip{padding:var(--s-1) var(--s-3);border:1px solid var(--rule-strong);border-radius:100px;background:var(--paper);font-size:var(--t-sm);color:var(--graphite-mid);cursor:pointer}.chip:hover{border-color:var(--graphite-dim)}.chip.is-active{background:var(--indigo);border-color:var(--indigo);color:#fff}.cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--s-4)}.card{display:block;border:1px solid var(--rule);border-radius:var(--radius-lg);overflow:hidden;background:var(--paper);text-decoration:none;color:inherit;transition:box-shadow .15s ease,border-color .15s ease}.card:hover{box-shadow:var(--shadow);border-color:var(--rule-strong);text-decoration:none}.card__thumb{aspect-ratio:4/3;background:var(--paper-sunk);display:flex;align-items:center;justify-content:center;overflow:hidden}.card__thumb img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.card__noimg{width:100%;height:100%;background:var(--paper-sunk)}.card__body{padding:var(--s-3)}.card__title{font-size:var(--t-base);font-family:var(--font-body);font-weight:600;margin-bottom:2px}.card__meta{font-size:var(--t-xs);color:var(--graphite-dim);margin:0;text-transform:capitalize}.blank{text-align:center;padding:var(--s-8) var(--s-4)}.blank__title{font-size:var(--t-lg);margin-bottom:var(--s-2)}.blank__body{color:var(--graphite-mid);margin:0 0 var(--s-5)}.authpage{display:flex;align-items:center;justify-content:center;padding:var(--s-8) var(--s-4)}.authcard{width:100%;max-width:380px}.authcard__title{font-size:var(--t-xl);margin-bottom:var(--s-2)}.authcard__sub{color:var(--graphite-mid);font-size:var(--t-sm);margin:0 0 var(--s-5)}.authcard__alt{text-align:center;font-size:var(--t-sm);color:var(--graphite-mid);margin:var(--s-4) 0 0}.detail{max-width:1300px;margin:0 auto;padding:var(--s-5);width:100%}.detail__head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s-4);margin-bottom:var(--s-5);flex-wrap:wrap}.backlink{font-size:var(--t-sm);color:var(--graphite-mid)}.detail__title{font-size:var(--t-xl);margin:var(--s-2) 0 var(--s-1)}.detail__meta{font-size:var(--t-sm);color:var(--graphite-dim);margin:0;text-transform:capitalize}.detail__actions{display:flex;gap:var(--s-2);flex-wrap:wrap}.detail__body{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:var(--s-5);align-items:start}.detail__main{border:1px solid var(--rule);border-radius:var(--radius-lg);overflow:hidden;background:var(--paper);position:relative}.detail__main .stage__canvas{background:var(--paper-sunk);min-height:440px}.detail__body .legend{border:1px solid var(--rule);border-radius:var(--radius-lg);max-height:620px}.rows{list-style:none;margin:0;padding:var(--s-4);max-height:620px;overflow-y:auto}.rows__row{display:grid;grid-template-columns:44px 30px 1fr;gap:var(--s-3);padding:var(--s-2) var(--s-3);border-radius:var(--radius-sm);font-size:var(--t-sm)}.rows__row.is-ws{background:var(--paper-sunk)}.rows__n{color:var(--graphite-dim);text-align:right;font-family:var(--font-mono);font-size:var(--t-xs)}.rows__side{font-family:var(--font-mono);font-size:10px;color:var(--graphite-dim);padding-top:2px}.rows__text{font-family:var(--font-mono);font-size:var(--t-xs);line-height:1.6}@media (max-width: 1080px){.studio{grid-template-columns:290px minmax(0,1fr);height:auto;overflow:visible}.legend{grid-column:1 / -1;border-left:0;border-top:1px solid var(--rule);max-height:none}.stage{min-height:60vh}.detail__body{grid-template-columns:1fr}}@media (max-width: 720px){.studio{grid-template-columns:1fr}.panel{border-right:0;border-bottom:1px solid var(--rule)}.panel__scroll{overflow:visible}.masthead{gap:var(--s-3);padding:0 var(--s-3)}.masthead__nav{margin-left:0;gap:var(--s-3)}.masthead__who,.brand__word{display:none}.crafts{grid-template-columns:1fr 1fr}.page,.detail{padding:var(--s-5) var(--s-3)}.stage__bar{gap:var(--s-2)}}.dl__mode{font-size:var(--t-xs);color:var(--graphite-mid);margin:0 0 var(--s-3)}.dl__mode strong{color:var(--graphite);font-weight:600}.dl__grid{display:grid;gap:var(--s-2);margin-bottom:var(--s-3)}.dl__btn{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:var(--s-3);text-align:left;cursor:pointer;background:var(--paper);border:1px solid var(--rule-strong);border-radius:var(--radius);transition:border-color .12s ease,background-color .12s ease}.dl__btn:hover:not(:disabled){border-color:var(--indigo);background:var(--indigo-wash)}.dl__btn:disabled{opacity:.45;cursor:not-allowed}.dl__fmt{font-size:var(--t-sm);font-weight:600}.dl__blurb{font-size:var(--t-xs);color:var(--graphite-dim);line-height:1.35}.btn--ghost{background:transparent;color:var(--indigo);border-color:var(--rule-strong)}.btn--ghost:hover:not(:disabled){background:var(--indigo-wash);border-color:var(--indigo);text-decoration:none}.home{width:100%}.home>section{max-width:1100px;margin:0 auto;padding:var(--s-7) var(--s-5)}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--s-7);align-items:center;padding-top:var(--s-8)!important;padding-bottom:var(--s-8)!important}.hero__eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:var(--t-xs);font-weight:600;color:var(--indigo);margin:0 0 var(--s-3)}.hero__title{font-size:var(--t-3xl);margin-bottom:var(--s-4);max-width:12ch}.hero__lead{font-size:var(--t-md);color:var(--graphite-mid);max-width:46ch;margin:0 0 var(--s-5)}.hero__cta{display:flex;gap:var(--s-3);flex-wrap:wrap}.hero__cta .btn{width:auto}.hero__stats{margin-top:var(--s-6);color:var(--graphite-dim);font-size:var(--t-sm);display:flex;gap:var(--s-3);flex-wrap:wrap;align-items:center}.hero__stats strong{color:var(--graphite)}.hero__stats .dot{color:var(--rule-strong)}.hero__art{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:var(--s-3);aspect-ratio:1/1}.hero__tile{border-radius:var(--radius-lg);box-shadow:var(--shadow)}.hero__tile:nth-child(1){border-top-left-radius:28px}.hero__tile:nth-child(4){border-bottom-right-radius:28px}.shelf__head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s-4);margin-bottom:var(--s-5)}.shelf__title{font-size:var(--t-xl)}.shelf__sub{color:var(--graphite-mid);font-size:var(--t-sm);margin:var(--s-1) 0 0}.shelf__more{font-size:var(--t-sm);font-weight:600;white-space:nowrap}.artgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:var(--s-5)}.art{display:block;text-decoration:none;color:inherit}.art:hover{text-decoration:none}.art__thumb{position:relative;aspect-ratio:4/5;border-radius:var(--radius-lg);overflow:hidden;background:var(--paper-sunk);box-shadow:var(--shadow-sm);transition:box-shadow .15s ease,transform .15s ease}.art:not(.art--static):hover .art__thumb{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.art__thumb img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.art__price{position:absolute;top:var(--s-2);right:var(--s-2);background:#fffffff0;color:var(--graphite);font-weight:700;font-size:var(--t-sm);padding:2px var(--s-2);border-radius:999px;box-shadow:var(--shadow-sm)}.art__body{padding:var(--s-3) 2px 0}.art__title{font-size:var(--t-base);font-family:var(--font-body);font-weight:600;margin:0 0 2px}.art__meta{display:flex;align-items:center;gap:var(--s-2);font-size:var(--t-xs);color:var(--graphite-dim);margin:0;flex-wrap:wrap}.art__tag{background:var(--paper-sunk);border-radius:999px;padding:1px var(--s-2);text-transform:capitalize}.steps__list{list-style:none;margin:var(--s-5) 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--s-5)}.steps__list li{padding:var(--s-5);border:1px solid var(--rule);border-radius:var(--radius-lg);background:var(--paper)}.steps__n{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:var(--indigo-wash);color:var(--indigo);font-weight:700;font-size:var(--t-sm);margin-bottom:var(--s-3)}.steps__list h3{font-size:var(--t-md);font-family:var(--font-body);font-weight:600;margin:0 0 var(--s-1)}.steps__list p{color:var(--graphite-mid);font-size:var(--t-sm);margin:0}.steps__cta{margin-top:var(--s-6)}.steps__cta .btn{width:auto}.card__maker{font-size:var(--t-xs);color:var(--graphite-mid);margin:2px 0 0}@media (max-width: 820px){.hero{grid-template-columns:1fr}.hero__art{max-width:360px}.hero__title{font-size:var(--t-2xl)}}.chooser{margin-top:var(--s-3);padding:var(--s-3);border:1px solid var(--rule);border-radius:var(--radius);background:var(--paper-sunk)}.chooser__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s-2)}.chooser__chosen{list-style:none;margin:0 0 var(--s-3);padding:0;display:flex;flex-wrap:wrap;gap:var(--s-2)}.chip-swatch{display:inline-flex;align-items:center;gap:6px;padding:3px 6px 3px 4px;border:1px solid var(--rule-strong);border-radius:999px;background:var(--paper);font-size:var(--t-xs);cursor:pointer}.chip-swatch:hover{border-color:var(--thread-red)}.chip-swatch__dot{width:14px;height:14px;border-radius:999px;border:1px solid rgba(0,0,0,.12)}.chip-swatch__label{font-variant-numeric:tabular-nums}.chip-swatch__x{color:var(--graphite-dim);font-weight:700}.chooser__actions{display:flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-2)}.swatchgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(26px,1fr));gap:4px;max-height:200px;overflow-y:auto;padding:2px;border:1px solid var(--rule);border-radius:var(--radius-sm);background:var(--paper)}.swatchgrid__cell{position:relative;aspect-ratio:1/1;border:1px solid rgba(0,0,0,.1);border-radius:var(--radius-sm);cursor:pointer;padding:0}.swatchgrid__cell.is-on{outline:2px solid var(--indigo);outline-offset:0}.swatchgrid__tick{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;text-shadow:0 0 2px rgba(0,0,0,.8)}.chooser__custom{display:flex;align-items:center;gap:var(--s-2);margin-top:var(--s-3)}.chooser__picker{width:40px;height:32px;padding:0;border:1px solid var(--rule-strong);border-radius:var(--radius-sm);background:none;cursor:pointer}.card__thumb{position:relative}.alert--warn{background:#fbf3e2;color:#7a4e12;border:1px solid #EBDBB4}.alert--success{background:#e9f5ee;color:#1e6b45;border:1px solid #C4E4D2}.badge{display:inline-block;font-size:var(--t-xs);font-weight:700;padding:2px var(--s-2);border-radius:999px;text-transform:capitalize}.badge--success{background:#e9f5ee;color:#1e6b45}.badge--info{background:var(--indigo-wash);color:var(--indigo-deep)}.badge--warn{background:#fbf3e2;color:#7a4e12}.badge--error{background:#fbeeec;color:#8c2a1e}.art{position:relative}.art__link{display:block;text-decoration:none;color:inherit}.art__link:hover{text-decoration:none}.art__buy{margin-top:var(--s-2);width:100%;text-align:center}.detail__price{font-weight:700;font-size:var(--t-md);align-self:center}.detail__price--lg{font-size:var(--t-xl);margin:var(--s-2) 0 var(--s-4)}.checkout__grid{display:grid;grid-template-columns:300px 1fr;gap:var(--s-6);align-items:start}.checkout__summary{border:1px solid var(--rule);border-radius:var(--radius-lg);padding:var(--s-4);position:sticky;top:calc(var(--header-h) + var(--s-4))}.checkout__thumb{aspect-ratio:4/5;border-radius:var(--radius);overflow:hidden;background:var(--paper-sunk);margin-bottom:var(--s-3)}.checkout__thumb img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.checkout__title{font-size:var(--t-lg);margin-bottom:2px}.checkout__meta{font-size:var(--t-xs);color:var(--graphite-dim);text-transform:capitalize;margin:0 0 var(--s-2)}.checkout__price{font-size:var(--t-xl);font-weight:700;margin:0 0 var(--s-2)}.checkout__main{display:flex;flex-direction:column;gap:var(--s-4)}.checkout__card{border:1px solid var(--rule);border-radius:var(--radius-lg);padding:var(--s-5);background:var(--paper)}.checkout__card .btn{margin-top:var(--s-3)}.checkout__h{font-size:var(--t-md);font-family:var(--font-body);font-weight:600;margin:0 0 var(--s-3)}.checkout__file{display:block;margin:var(--s-1) 0 var(--s-3);font-size:var(--t-sm)}.paydetails{margin:var(--s-3) 0 0;display:grid;gap:var(--s-2)}.paydetails>div{display:flex;justify-content:space-between;gap:var(--s-4);padding:var(--s-2) 0;border-bottom:1px solid var(--rule)}.paydetails dt{color:var(--graphite-mid);font-size:var(--t-sm);margin:0}.paydetails dd{margin:0;font-weight:600;text-align:right}.paydetails__ref{background:var(--indigo-wash);border-radius:var(--radius);padding:var(--s-2) var(--s-3)!important;border-bottom:none!important}.paydetails__ref dt span{font-weight:400;color:var(--graphite-dim);font-size:var(--t-xs)}.paydetails__ref dd{color:var(--indigo-deep);font-size:var(--t-md)}.order__ref{color:var(--graphite-dim);font-size:var(--t-sm);margin:0 0 var(--s-1)}.order__grid{display:grid;grid-template-columns:280px 1fr;gap:var(--s-6);align-items:start;margin-top:var(--s-4)}.order__thumb{aspect-ratio:4/5;border-radius:var(--radius-lg);overflow:hidden;background:var(--paper-sunk)}.order__thumb img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.order__blurb{color:var(--graphite-mid);margin:var(--s-3) 0 var(--s-4)}.order__facts{display:grid;gap:var(--s-2);margin:0 0 var(--s-5)}.order__facts>div{display:flex;justify-content:space-between;gap:var(--s-4);border-bottom:1px solid var(--rule);padding-bottom:var(--s-2)}.order__facts dt{color:var(--graphite-mid);font-size:var(--t-sm);margin:0}.order__facts dd{margin:0;font-weight:600}.order__body .btn{width:auto}.locked{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-6);align-items:center;padding:var(--s-5)}.locked__preview{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:var(--paper-sunk);aspect-ratio:4/5}.locked__preview img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;filter:saturate(.9)}.locked__badge{position:absolute;top:var(--s-2);left:var(--s-2);background:#1c1f26cc;color:#fff;font-size:var(--t-xs);font-weight:600;padding:2px var(--s-2);border-radius:999px}.locked__title{font-size:var(--t-xl);margin-bottom:var(--s-3)}.locked__body{color:var(--graphite-mid);margin:0 0 var(--s-3)}.locked__cta .btn{width:auto}.orderlist{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-3)}.orderrow{display:grid;grid-template-columns:72px 1fr auto;gap:var(--s-4);align-items:center;border:1px solid var(--rule);border-radius:var(--radius-lg);padding:var(--s-3);background:var(--paper)}.orderrow__thumb{width:72px;height:72px;border-radius:var(--radius);overflow:hidden;background:var(--paper-sunk)}.orderrow__thumb img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.orderrow__ref{font-size:var(--t-sm);color:var(--graphite-mid);margin:0 0 2px;display:flex;align-items:center;gap:var(--s-2)}.orderrow__title{font-weight:600;margin:0 0 2px}.orderrow__meta{font-size:var(--t-sm);color:var(--graphite-dim);margin:0}.orderrow__note{font-size:var(--t-sm);color:var(--graphite-mid);margin:2px 0 0;font-style:italic}.orderrow__receipt{font-size:var(--t-sm);font-weight:600}.orderrow__actions{display:flex;flex-direction:column;gap:var(--s-2)}.orderrow__actions .btn{width:auto}@media (max-width: 820px){.checkout__grid,.order__grid,.locked{grid-template-columns:1fr}.checkout__summary{position:static}.orderrow{grid-template-columns:56px 1fr}.orderrow__thumb{width:56px;height:56px}.orderrow__actions{grid-column:1 / -1;flex-direction:row}}.colorlist{list-style:none;margin:0 0 var(--s-2);padding:0;max-height:260px;overflow-y:auto;border:1px solid var(--rule);border-radius:var(--radius-sm);background:var(--paper)}.colorrow{display:flex;align-items:center;gap:var(--s-2);padding:5px var(--s-2);cursor:pointer;border-bottom:1px solid var(--rule);font-size:var(--t-sm)}.colorlist li:last-child .colorrow{border-bottom:none}.colorrow:hover{background:var(--paper-sunk)}.colorrow.is-off{opacity:.5}.colorrow__cb{width:15px;height:15px;flex:none;accent-color:var(--indigo)}.colorrow__sw{width:18px;height:18px;border-radius:var(--radius-sm);border:1px solid rgba(0,0,0,.12);flex:none}.colorrow__label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.colorrow__label strong{font-variant-numeric:tabular-nums}.colorrow__pct{color:var(--graphite-dim);font-size:var(--t-xs);flex:none}.chooser__addtoggle{display:inline-block;margin-top:var(--s-1)}.chooser__add{margin-top:var(--s-2);padding-top:var(--s-2);border-top:1px dashed var(--rule)}