:root{--bg: #faf9f7;--surface: #ffffff;--ink: #16150f;--ink-2: #6d6a62;--ink-3: #9b978d;--line: #e4e1da;--line-strong: #cfcbc2;--accent: #16150f;--danger: #8c2f21;--radius: 14px;--radius-lg: 20px;--shadow: 0 1px 2px rgba(22, 21, 15, .04)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Pretendard,Apple SD Gothic Neo,Segoe UI,Roboto,Helvetica Neue,system-ui,sans-serif;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}.shell{max-width:1120px;margin:0 auto;padding:20px 20px 64px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:18px;border-bottom:1px solid var(--line)}.topbar__right{display:flex;align-items:center;gap:8px}.logo{display:inline-flex;align-items:center;gap:10px;color:var(--ink)}.logo__mark{width:40px;height:24px;flex:none}.logo__word{display:flex;flex-direction:column;line-height:1.1}.logo__sub{font-size:11px;font-weight:600;letter-spacing:.2em;color:var(--ink-2)}.quota{font-size:12px;color:var(--ink-2);font-variant-numeric:tabular-nums}.studio{padding-top:22px;display:flex;flex-direction:column;gap:18px}.modes{display:inline-flex;gap:4px;padding:4px;background:var(--surface);border:1px solid var(--line);border-radius:999px;align-self:flex-start}.modes__tab{appearance:none;border:0;background:transparent;color:var(--ink-2);font:inherit;font-size:12px;letter-spacing:.14em;padding:7px 18px;border-radius:999px;cursor:pointer}.modes__tab.is-active{background:var(--accent);color:#fff}.modes__tab:focus-visible,.btn:focus-visible,.upload:focus-visible,.pro__toggle:focus-visible,.pro__reset:focus-visible,select:focus-visible,textarea:focus-visible,input:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.notice{margin:0;padding:12px 14px;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);color:var(--ink-2);font-size:13px;white-space:pre-line}.notice--dev{border-style:dashed}.composer{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px}.composer__label{font-size:11px;letter-spacing:.16em;color:var(--ink-3);text-transform:uppercase}.composer__input{width:100%;min-height:180px;resize:vertical;border:1px solid var(--line);border-radius:var(--radius);padding:14px;font:inherit;color:var(--ink);background:#fff;white-space:pre-wrap}.composer__input::placeholder{color:var(--ink-3)}.composer__bar{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.composer__lock-reason{margin:0;color:var(--danger);font-size:12px;text-align:right}.count{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-2)}.count__select,.pro__select,.pro__input{font:inherit;font-size:13px;color:var(--ink);background:#fff;border:1px solid var(--line-strong);border-radius:10px;padding:7px 10px}.btn{appearance:none;font:inherit;font-size:13px;border-radius:10px;padding:9px 16px;cursor:pointer;border:1px solid var(--line-strong);background:#fff;color:var(--ink)}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff;padding:10px 28px;letter-spacing:.04em}.btn--quiet{border-color:transparent;background:transparent;color:var(--ink-2);padding:6px 10px}.btn:disabled{opacity:.45;cursor:not-allowed}.editmodes{display:flex;gap:8px;flex-wrap:wrap}.editmodes__btn{appearance:none;font:inherit;font-size:12px;padding:8px 14px;border-radius:999px;border:1px solid var(--line-strong);background:#fff;color:var(--ink-2);cursor:pointer}.editmodes__btn.is-active{background:var(--ink);border-color:var(--ink);color:#fff}.upload{position:relative;border:1px dashed var(--line-strong);border-radius:var(--radius-lg);background:var(--surface);padding:28px 20px;text-align:center;cursor:pointer}.upload.is-dragging{border-color:var(--ink);background:#fff}.upload--filled{display:flex;gap:16px;align-items:center;text-align:left;padding:14px;border-style:solid;cursor:default}.upload__title{margin:0;font-size:14px}.upload__error{margin:6px 0 0;color:var(--danger);font-size:12px}.upload__hint,.upload__name{margin:4px 0 0;font-size:12px;color:var(--ink-3)}.upload__name{color:var(--ink);font-size:14px}.upload__thumb{width:88px;aspect-ratio:4 / 5;object-fit:cover;border-radius:10px;border:1px solid var(--line)}.upload__actions{display:flex;gap:4px;margin-top:6px}.upload__input{display:none}.pro{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.pro__toggle{appearance:none;width:100%;text-align:left;background:transparent;border:0;font:inherit;font-size:13px;color:var(--ink-2);padding:14px 16px;cursor:pointer}.pro__body{padding:0 16px 18px;display:flex;flex-direction:column;gap:14px}.pro__note{margin:0;font-size:12px;color:var(--ink-3)}.pro__intro{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.pro__reset{appearance:none;flex:0 0 auto;border:1px solid var(--line-strong);border-radius:999px;background:transparent;color:var(--ink-2);font:inherit;font-size:12px;padding:6px 12px;cursor:pointer}.pro__reset:hover:not(:disabled){border-color:var(--ink-2);color:var(--ink)}.pro__reset:disabled{cursor:default;opacity:.35}.pro__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.pro__field{display:flex;flex-direction:column;gap:5px}.pro__label{font-size:11px;letter-spacing:.1em;color:var(--ink-3);text-transform:uppercase}.pro__toggles{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:8px}.pro__check{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-2)}.pro__parse{border-top:1px solid var(--line);padding-top:12px}.pro__terms{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:var(--ink-2)}.pro__terms code{color:var(--ink)}.pro__unresolved{margin:8px 0 0;font-size:12px;color:var(--danger)}.procolor{--pro-color: #7a4055;--pro-color-hover: #653346;--pro-border: rgba(122, 64, 85, .42);--pro-surface: rgba(122, 64, 85, .035);margin-top:14px;padding:16px;border:1px solid var(--pro-border);border-radius:14px;background:var(--pro-surface)}.procolor__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.procolor__header p{margin:5px 0 0;font-size:12px;color:var(--ink-3)}.procolor__badge{display:inline-block;padding:3px 7px;border-radius:999px;background:var(--pro-color);color:#fff;font-size:10px;font-weight:700}.procolor :focus-visible{outline-color:var(--pro-color)}.procolor__availability{margin-bottom:12px;padding:10px 12px;border:1px solid var(--pro-border);border-radius:var(--radius);background:var(--surface);color:var(--ink-2);font-size:12px}.procolor__availability p{margin:5px 0 0;color:var(--ink-3);line-height:1.5}.catalog-test-badge{margin:0 0 12px;padding:9px 12px;border:1px solid rgba(122,64,85,.5);border-radius:var(--radius);background:#7a405512;color:#7a4055;font-size:12px;font-weight:700}.job-recovery{display:grid;grid-template-columns:auto minmax(180px,1fr) auto;align-items:center;gap:8px;margin:10px 0 14px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);font-size:12px;color:var(--ink-2)}.procolor__selectors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:start}.procolor__formula{margin-top:12px}.procolor--locked{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;color:var(--ink-2)}.procolor--locked .procolor__muted{font-size:12px;color:var(--ink-3)}.procolor--locked .pro__reset{grid-column:2;grid-row:1 / span 2}.procolor__formula,.procolor__mix{min-width:0}.procolor__mix{display:grid;grid-template-columns:minmax(110px,.8fr) minmax(96px,.65fr) minmax(120px,.85fr) minmax(190px,1.6fr) minmax(96px,.55fr) 36px;align-items:start;gap:8px;margin-bottom:8px;position:relative}.procolor__mix-field{min-width:0;display:grid;gap:5px;color:var(--ink-2);font-size:11px}.procolor__mix-field>.pro__select,.procolor__mix-field>.pro__input{width:100%;min-width:0}.procolor__number{min-width:96px;padding-inline:8px}.procolor__ratio{display:grid;grid-template-columns:minmax(96px,1fr) auto;align-items:center;gap:6px}.procolor__remove{appearance:none;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);color:var(--ink-2);cursor:pointer}.procolor__actions{display:flex;flex-wrap:wrap;gap:5px}.procolor__total{margin:7px 0 0;font-size:11px;color:var(--danger)}.procolor__total--valid{color:var(--ink-2)}.procolor__details{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:12px;margin-top:10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg)}.procolor__details>label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--ink-2)}.procolor__details>.pro__check{flex-direction:row;align-items:center}.procolor__unit{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:11px;color:var(--ink-2)}.procolor__developer{margin-top:8px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg)}.procolor__developer-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);align-items:center;gap:8px;font-size:12px;color:var(--ink-2)}.procolor__developer-row+.procolor__developer-row{margin-top:6px}.procolor__developer-note{margin:8px 0 0;font-size:11px;color:var(--ink-3, var(--ink-2))}.procolor__warnings{margin:8px 0 0;padding-left:16px;font-size:11px;color:var(--danger)}.procolor__warnings li+li{margin-top:4px}.procolor__result{margin-top:10px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius);font-size:12px;color:var(--ink-2)}.procolor__result p,.procolor__disclaimer{margin:5px 0 0}.procolor__generate{position:sticky;bottom:12px;z-index:3;display:flex;align-items:center;gap:12px;margin:16px -8px -8px;padding:16px 8px 8px;border-top:1px solid var(--line);background:linear-gradient(to bottom,color-mix(in srgb,var(--paper) 88%,transparent),var(--paper) 28%);backdrop-filter:blur(8px)}.procolor__generate .btn{flex:0 0 auto;min-width:220px}.procolor__generate-reason{margin:0;color:var(--ink-3);font-size:12px;line-height:1.5}.results__downloads{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.gallery__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.gallery__card{margin:0;display:flex;flex-direction:column;gap:6px}.gallery__image{width:100%;aspect-ratio:4 / 5;object-fit:cover;border-radius:10px;display:block}.gallery__image--pending{background:var(--surface-2, rgba(0, 0, 0, .06))}.gallery__meta{display:flex;flex-direction:column;gap:2px;font-size:11px;color:var(--ink-3)}.gallery__mode{font-weight:600;color:var(--ink-2, inherit)}.procolor__disclaimer{font-size:11px;line-height:1.55;color:var(--ink-3)}.results{display:flex;flex-direction:column;gap:10px}.results__head{display:flex;align-items:center;justify-content:space-between}.results__colorSpec{display:grid;gap:5px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink-2);font-size:12px;line-height:1.5}.results__colorSpec strong{color:var(--ink)}.results__status{font-size:12px;letter-spacing:.12em;color:var(--ink-3);text-transform:uppercase}.results__error{margin:0;color:var(--danger);font-size:13px;white-space:pre-line}.results__grid{display:grid;gap:12px}.results__grid--1{grid-template-columns:minmax(0,520px);justify-content:center}.results__grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.results__grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.card{margin:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--surface)}.card__image{display:block;width:100%;aspect-ratio:4 / 5;object-fit:cover}.card--skeleton{aspect-ratio:4 / 5;background:linear-gradient(180deg,#f2f0eb,#eae7e0);animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.card__bar{display:flex;justify-content:space-between;gap:4px;padding:6px 8px;border-top:1px solid var(--line)}.admin{padding-top:22px;display:flex;flex-direction:column;gap:14px}.admin__head{display:flex;align-items:center;justify-content:space-between}.admin__title{margin:0;font-size:16px}.admin__table{border:1px solid var(--line);border-radius:var(--radius);overflow-x:auto;background:var(--surface)}.admin__row{display:grid;grid-template-columns:minmax(160px,2fr) 100px 80px 100px minmax(240px,1fr);gap:8px;padding:10px 12px;border-bottom:1px solid var(--line);font-size:13px;align-items:center}.admin__row:last-child{border-bottom:0}.admin__row--head{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.admin__actions{display:flex;gap:4px;flex-wrap:wrap}.empty{padding:64px 0;text-align:center;color:var(--ink-2)}.empty__hint{font-size:13px;color:var(--ink-3)}@media(max-width:780px){.procolor__selectors{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.procolor select,.procolor input:not([type=checkbox]),.procolor button{min-height:44px}.procolor__details,.results__grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}.admin__row{grid-template-columns:minmax(0,1fr)}.admin__row--head{display:none}}@media(max-width:520px){.procolor__selectors,.procolor__details,.procolor--locked{grid-template-columns:minmax(0,1fr)}.procolor--locked .pro__reset{grid-column:auto;grid-row:auto;justify-self:start}.procolor__mix{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:34px}.procolor__generate{align-items:stretch;flex-direction:column}.procolor__generate .btn{width:100%;min-width:0}.procolor__remove{position:absolute;top:0;right:0;width:36px}.job-recovery{grid-template-columns:minmax(0,1fr)}.shell{padding:14px 12px 48px}.results__grid--2,.results__grid--3,.results__grid--1{grid-template-columns:minmax(0,1fr)}.composer__bar{justify-content:space-between}.btn--primary{flex:1}.upload--filled{flex-direction:column;align-items:flex-start}.pro__intro{align-items:center}}.gate{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--bg)}.gate__card{width:min(420px,100%);display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px 32px;background:var(--surface);border:1px solid var(--line);border-radius:24px;text-align:center}.gate__title{margin:14px 0 0;font-size:17px;font-weight:600;letter-spacing:-.01em}.gate__title--sub{margin:0;font-size:14px;font-weight:500;color:var(--ink-3)}.gate__choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:12px}.gate__choice{appearance:none;font:inherit;font-size:15px;padding:15px 10px;border-radius:14px;border:1px solid var(--line-strong);background:#fff;color:var(--ink);cursor:pointer;transition:border-color .15s ease,background .15s ease}.gate__choice:hover{border-color:var(--ink);background:var(--bg)}.gate__note{margin:6px 0 0;font-size:12px;line-height:1.6;color:var(--ink-3)}.localeswitch{display:inline-flex;padding:2px;border:1px solid var(--line);border-radius:999px;background:var(--surface)}.localeswitch__btn{appearance:none;border:0;background:transparent;font:inherit;font-size:11.5px;color:var(--ink-3);padding:5px 11px;border-radius:999px;cursor:pointer}.localeswitch__btn.is-active{background:var(--ink);color:#fff}.modes{background:transparent;border:0;padding:0;gap:14px;align-items:center}.modes__tabs{display:inline-flex;gap:4px;padding:4px;background:var(--surface);border:1px solid var(--line);border-radius:999px}.modes__hint{font-size:12.5px;color:var(--ink-3)}.composer{padding:20px;gap:10px}.composer__labelRow{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.composer__label{font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--ink);text-transform:none}.composer__count{font-size:11px;color:var(--ink-3);font-variant-numeric:tabular-nums}.composer__help{margin:0 0 2px;font-size:12.5px;color:var(--ink-3)}.composer__input{min-height:200px;padding:16px;line-height:1.7;border-radius:16px}.composer__input::placeholder{color:#b6b2a8;line-height:1.8}.composer__bar{margin-top:4px;padding-top:14px;border-top:1px solid var(--line);justify-content:space-between}.count{gap:10px}.btn--primary{padding:12px 34px;font-size:14px;border-radius:12px}.editmodes{align-items:center;gap:8px}.editmodes__label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-right:2px}.pro__hint{display:block;font-style:normal;font-size:11.5px;color:var(--ink-3)}.results{display:flex;flex-direction:column;gap:12px}.results__head{display:flex;align-items:baseline;gap:12px}.results__title{margin:0;font-size:15px;font-weight:600;letter-spacing:-.01em}.results__status{flex:1;font-size:12.5px;color:var(--ink-3);letter-spacing:0;text-transform:none}.results__empty,.results__hint{margin:0;font-size:12.5px;color:var(--ink-3)}.card{border-radius:16px}.card__bar{justify-content:flex-end;padding:8px 10px}.loadcard{position:relative;aspect-ratio:4 / 5;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#f6f4ef,#efece5);overflow:hidden;animation:loadcard-in .52s ease both}@keyframes loadcard-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.loadcard__strands{position:absolute;inset:0;width:100%;height:100%}.loadcard__strand{fill:none;stroke:#16150f17;stroke-width:1.1;stroke-linecap:round;stroke-dasharray:26 300;animation:strand-drift 5.4s ease-in-out infinite}.loadcard__strand--2{animation-delay:.5s;stroke-width:1.3}.loadcard__strand--3{animation-delay:1s}@keyframes strand-drift{0%{stroke-dashoffset:300;opacity:0}18%{opacity:1}82%{opacity:1}to{stroke-dashoffset:-60;opacity:0}}.loadcard__mark{position:absolute;inset:0;display:grid;place-items:center;color:#16150f29}.loadcard__mark svg{width:34px;height:21px}.loadcard__shimmer{position:absolute;inset:0;background:linear-gradient(100deg,transparent 38%,rgba(255,255,255,.55) 50%,transparent 62%);transform:translate(-100%);animation:shimmer 2.6s ease-in-out infinite}@keyframes shimmer{to{transform:translate(100%)}}.steps{list-style:none;display:flex;align-items:center;gap:0;margin:2px 0 0;padding:0}.steps__item{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--ink-3)}.steps__item+.steps__item{margin-left:10px;padding-left:16px;position:relative}.steps__item+.steps__item:before{content:"";position:absolute;left:0;top:50%;width:10px;height:1px;background:var(--line-strong)}.steps__dot{width:6px;height:6px;border-radius:50%;background:var(--line-strong)}.steps__item--done .steps__dot{background:var(--ink)}.steps__item--done .steps__label{color:var(--ink-2)}.steps__item--active .steps__dot{background:var(--ink);animation:step-pulse 1.8s ease-in-out infinite}.steps__item--active .steps__label{color:var(--ink)}@keyframes step-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.86)}}.card--state{aspect-ratio:4 / 5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;text-align:center;background:var(--surface)}.results__success{display:flex;justify-content:center}.card--success{width:min(100%,420px);min-height:172px;aspect-ratio:auto;border-color:color-mix(in srgb,var(--ink) 18%,var(--line))}.card__successMark{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--ink);color:var(--surface);font-size:14px;font-weight:700}.card__stateTitle{margin:0;font-size:14px;color:var(--ink)}.card__stateHint{margin:0;font-size:12.5px;line-height:1.6;color:var(--ink-3);max-width:30ch}.card__stateActions{display:flex;gap:8px;margin-top:6px}@media(prefers-reduced-motion:reduce){.loadcard,.loadcard__strand,.loadcard__shimmer,.steps__item--active .steps__dot,.card--skeleton{animation:none}.loadcard__shimmer{opacity:.3;transform:none}}.pending{display:grid;gap:8px;margin:10px 0;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg)}.pending__lead{margin:0;font-weight:600}.pending__code{margin:0;font:600 20px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}.pending__hint{margin:0;font-size:12px;color:var(--ink-2)}.pending__error{margin:0;font-size:12px;color:var(--danger)}.card__stateReason{margin:6px 0 0;font-size:13px;color:var(--ink);white-space:pre-line}