.util-page.dtp-page{grid-template-rows:47px minmax(0,1fr);height:100dvh;min-height:0}.dtp.i2t{height:100%;min-height:0;overflow:hidden}.dtp .i2t-title{max-width:10ch}.dtp.i2t[data-state] .i2t-work{grid-template-rows:auto auto minmax(0,1fr);align-content:stretch;height:100%;min-height:0;padding:68px 18px 18px}.dtp .i2t-head{flex-wrap:nowrap;align-items:center;gap:16px}.dtp .i2t-head>div:first-child{min-width:0}.dtp .i2t-name,.dtp .i2t-meta{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dtp .i2t-actions{flex-wrap:nowrap;flex-shrink:0;align-items:center}.dtp .i2t-rule{margin:18px 0}.dtp-body{grid-template-rows:44px minmax(0,1fr);grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:32px;min-width:0;min-height:0;display:grid;overflow:hidden}.dtp-visual{grid-area:1/1/3/2;grid-template-rows:minmax(0,1fr) 44px;row-gap:12px;min-width:0;min-height:0;display:grid;overflow:hidden}.dtp.i2t[data-state] .i2t-stage{justify-content:center;align-items:center;min-height:0;position:relative;top:auto;overflow:hidden}.dtp .i2t-canvas{image-rendering:auto;object-fit:contain;max-width:100%;max-height:100%}.dtp-image-controls{border-top:1px solid #f6f1e914;justify-content:center;align-items:center;gap:22px;display:flex}.dtp-image-controls button[hidden]{display:none}.dtp-image-controls button,.dtp-tabs button,.dtp-cancel{color:#f6f1e973;font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;min-height:44px;padding:0;font-size:12px}.dtp-image-controls button[aria-pressed=true],.dtp-image-controls button:hover,.dtp-tabs button:hover,.dtp-cancel:hover{color:var(--ink)}.dtp button:focus-visible,.dtp select:focus-visible,.dtp summary:focus-visible,.dtp pre:focus-visible,.dtp-details-scroll:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}.dtp-cancel{color:var(--ink);text-underline-offset:4px;text-decoration:underline}.dtp[data-state=done] .dtp-cancel{display:none}.dtp-tabs{border-bottom:1px solid #f6f1e914;grid-area:1/2;align-items:stretch;gap:26px;display:flex}.dtp-tabs button{position:relative}.dtp-tabs button[aria-selected=true]{color:var(--ink)}.dtp-tabs button[aria-selected=true]:after{content:"";background:#f6f1e999;height:1px;position:absolute;bottom:-1px;left:0;right:0}.dtp-tabs .dtp-mobile-image{display:none}.dtp-result{grid-area:2/2;min-width:0;min-height:0;padding-top:18px;overflow:hidden}.dtp-prompt-panel{grid-template-rows:minmax(0,1fr) auto;height:100%;min-height:0;display:grid}.dtp-prompt-panel[hidden],.dtp-details-panel[hidden]{display:none}.dtp-prompt{white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--font-mono);color:#f6f1e9cc;scrollbar-width:thin;scrollbar-color:#f6f1e92e transparent;overscroll-behavior:contain;height:100%;min-height:0;margin:0;padding:0 12px 12px 0;font-size:12px;line-height:1.8;overflow:auto}.dtp-result-note{color:#f6f1e96b;margin:0;padding-top:14px;font-size:11px;line-height:1.5}.dtp-loading{align-self:center;width:100%;max-width:440px;padding-bottom:56px;display:none}.dtp-loading-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);margin:0;font-size:36px;line-height:1.1}.dtp-phases{border-top:1px solid #f6f1e914;margin:28px 0 0;padding:0;list-style:none}.dtp-phases li{color:#f6f1e94d;border-bottom:1px solid #f6f1e914;justify-content:space-between;align-items:center;gap:16px;min-height:42px;font-size:13px;transition:color .4s;display:flex}.dtp-phases li[data-status=done]{color:#f6f1e99e}.dtp-phases li[data-status=active]{color:var(--ink)}.dtp-phase-value{font-variant-numeric:tabular-nums;color:#f6f1e980;align-items:center;gap:4px;font-size:12px;display:inline-flex}.dtp-phase-value i{border:1px solid #f6f1e92e;border-radius:2px;width:14px;height:14px}.dtp-phases li[data-status=active] .dtp-phase-value:empty:after{content:"";background:linear-gradient(90deg, transparent, var(--ink), transparent) 0 0 / 50% 100% no-repeat, #f6f1e91f;width:36px;height:2px}@media (prefers-reduced-motion:no-preference){.dtp-phases li[data-status=active] .dtp-phase-value:empty:after{animation:1.2s ease-in-out infinite alternate dtp-working}.dtp-phase-value i{animation:.35s both dtp-swatch}.dtp-phase-value i:nth-child(2){animation-delay:50ms}.dtp-phase-value i:nth-child(3){animation-delay:.1s}.dtp-phase-value i:nth-child(4){animation-delay:.15s}.dtp-phase-value i:nth-child(5){animation-delay:.2s}.dtp-phase-value i:nth-child(6){animation-delay:.25s}.dtp-loading.is-leaving{opacity:0;transition:opacity .4s .3s,transform .4s .3s;transform:translateY(-6px)}.dtp.is-revealing .dtp-tabs,.dtp.is-revealing .dtp-image-controls{animation:.5s both dtp-reveal}.dtp.is-revealing .dtp-prompt{animation:.7s cubic-bezier(.2,.7,.2,1) 80ms both dtp-reveal}.dtp.is-revealing .dtp-result-note{animation:.5s .3s both dtp-reveal}}@keyframes dtp-reveal{0%{opacity:0;transform:translateY(8px)}}@keyframes dtp-working{0%{background-position:-50% 0,0 0}to{background-position:150% 0,0 0}}@keyframes dtp-swatch{0%{opacity:0;transform:scale(.6)}}.dtp[data-state=processing] .dtp-loading{display:block}.dtp[data-state=processing] .dtp-prompt,.dtp[data-state=processing] .dtp-result-note,.dtp[data-state=processing] .dtp-image-controls,.dtp[data-state=processing] .dtp-tabs{visibility:hidden}.dtp[data-state=processing] .dtp-prompt,.dtp[data-state=processing] .dtp-result-note{display:none}.dtp[data-state=processing] .dtp-result{grid-row:1/3;padding-top:0}.dtp[data-state=processing] .dtp-prompt-panel{grid-template-rows:minmax(0,1fr)}.dtp-details-panel{height:100%;min-height:0}.dtp-details-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#f6f1e92e transparent;height:100%;padding-right:12px;overflow:auto}.dtp-readout{border-top:1px solid #f6f1e91a;border-bottom:1px solid #f6f1e91a;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));margin:0;display:grid}.dtp-readout div{border-left:1px solid #f6f1e914;padding:14px 16px 16px}.dtp-readout div:first-child{border-left:0;padding-left:0}.dtp-readout dt{color:#f6f1e973;font-size:11px}.dtp-readout dd{font-family:var(--font-display);letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap;margin:6px 0 0;font-size:22px;line-height:1.1}.dtp-warning{color:var(--ink);margin:16px 0 0;font-size:12px;line-height:1.6}.dtp-block{margin-top:34px}.dtp-block[hidden]{display:none}.dtp-block-title{color:#f6f1e98c;align-items:center;gap:12px;margin:0 0 14px;font-family:inherit;font-size:12px;font-weight:400;display:flex}.dtp-block-title:after{content:"";background:#f6f1e914;flex:1;height:1px}.dtp-palette{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:14px 6px;margin:0;padding:0;list-style:none;display:grid}.dtp-palette li{gap:3px;min-width:0;display:grid}.dtp-palette i{border:1px solid #f6f1e91f;border-radius:3px;height:52px;margin-bottom:6px}.dtp-hex{font-family:var(--font-mono);color:var(--ink);font-size:11px}.dtp-role{color:#f6f1e96b;font-size:11px}.dtp-composition{margin:0;padding:0;list-style:none}.dtp-composition li{color:#f6f1e9b8;grid-template-columns:minmax(96px,150px) minmax(0,1fr) 36px;align-items:center;gap:16px;min-height:34px;font-size:12px;display:grid}.dtp-bar{background:#f6f1e914;height:2px;position:relative}.dtp-bar:before{content:"";transform:scaleX(var(--fill,0));transform-origin:0;background:#f6f1e9b3;position:absolute;inset:0}.dtp-count{text-align:right;font-variant-numeric:tabular-nums;color:var(--ink)}.dtp-text{counter-reset:line;font-family:var(--font-mono);color:#f6f1e9cc;scrollbar-width:thin;scrollbar-color:#f6f1e92e transparent;margin:0;padding:0 0 8px;font-size:12px;line-height:1.75;list-style:none;overflow-x:auto}.dtp-text li{counter-increment:line;white-space:pre;grid-template-columns:30px max-content;width:max-content;min-width:100%;min-height:1.75em;display:grid}.dtp-text li:before{content:counter(line, decimal-leading-zero);background:var(--color-hero);color:#f6f1e947;font-variant-numeric:tabular-nums;position:sticky;left:0}.dtp-export{border-top:1px solid #f6f1e914;margin-top:34px;padding:18px 0 8px}@media (prefers-reduced-motion:no-preference){.dtp-details-panel:not([hidden]) .dtp-bar:before{animation:.7s cubic-bezier(.2,.7,.2,1) both dtp-grow}.dtp-details-panel:not([hidden]) .dtp-palette i{animation:.45s both dtp-reveal}.dtp-palette li:nth-child(2) i{animation-delay:40ms}.dtp-palette li:nth-child(3) i{animation-delay:80ms}.dtp-palette li:nth-child(4) i{animation-delay:.12s}.dtp-palette li:nth-child(5) i{animation-delay:.16s}.dtp-palette li:nth-child(n+6) i{animation-delay:.2s}}@keyframes dtp-grow{0%{transform:scaleX(0)}}@media (width>=1000px){.util-page.dtp-page{grid-template-rows:70px minmax(0,1fr)}.dtp.i2t[data-state] .i2t-work{padding:76px 28px 24px}.dtp-body{column-gap:40px}.dtp-prompt{font-size:13px}}@media (width<=700px){.util-page.dtp-page{grid-template-rows:auto minmax(0,1fr)}.dtp.i2t[data-state] .i2t-work{padding:64px 18px 16px}.dtp .i2t-head{flex-wrap:wrap;gap:12px}.dtp .i2t-head>div:first-child{width:100%}.dtp .i2t-actions{gap:10px;width:100%;display:flex}.dtp .i2t-actions .btn{min-height:44px}.dtp .i2t-actions [data-action=copy]{flex:1}.dtp .i2t-rule{margin:12px 0 0}.dtp-body{grid-template-rows:48px minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.dtp-tabs{grid-area:1/1;gap:28px}.dtp-tabs .dtp-mobile-image{display:block}.dtp-visual{grid-area:2/1;padding-top:18px;display:none}.dtp-result{grid-area:2/1}.dtp[data-pane=image] .dtp-visual{display:grid}.dtp[data-pane=image] .dtp-result{display:none}.dtp-prompt{font-size:12px}.dtp-image-controls{gap:18px}.dtp-readout{border-top:0;grid-template-columns:repeat(2,minmax(0,1fr))}.dtp-readout div,.dtp-readout div:first-child{border-top:1px solid #f6f1e914;border-left:0;padding:12px 0 14px}.dtp-composition li{grid-template-columns:minmax(0,120px) minmax(0,1fr) 32px;gap:12px}.dtp[data-state=processing] .dtp-tabs{display:none}.dtp[data-state=processing] .dtp-body{grid-template-rows:minmax(0,1fr) auto}.dtp[data-state=processing] .dtp-visual{grid-area:1/1;grid-template-rows:minmax(0,1fr);padding-top:16px;display:grid}.dtp[data-state=processing] .dtp-image-controls{display:none}.dtp[data-state=processing] .dtp-result{grid-area:2/1;padding-top:16px;display:block}.dtp-loading{max-width:none;padding-bottom:0}.dtp-loading-title{font-size:26px}.dtp-phases{margin-top:14px}.dtp-phases li{min-height:34px;font-size:12px}}