/* Generated raster artwork supplies the surfaces; real controls remain accessible. */
:root {--bg:#f4f2e9;--panel:#fffef9;--sunk:#f7f5ee;--fg:#1c3028;--muted:#627065;--line:#d7dccf;--accent:#2b6047;--accent-soft:#e6ede0;--accent-ink:#fffef9;}
body {background-color:var(--bg);background-image:none;background-size:760px;background-blend-mode:multiply;}
.wrap {max-width:1080px;}
.site {padding-block:22px;border-bottom:1px solid var(--line);}
.brand {font-size:15px;gap:8px;}.brand>svg{display:none;}
.brand::before,.art-icon,.feats>div::before {content:'';display:inline-block;flex:none;width:48px;height:48px;background-image:url('icons.webp?v=b1acc417c4a7');background-repeat:no-repeat;background-size:600% auto;background-position:0% 50%;}
.brand::before{width:38px;height:38px;}
.hero {display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:24px;padding:26px 4px 30px;}
.hero-copy {display:flex;flex-direction:column;align-items:flex-start;gap:14px;}
.hero .eyebrow {font-size:11px;letter-spacing:.06em;color:var(--accent);}
.hero h1 {font-size:42px;letter-spacing:-.065em;line-height:1.25;margin:0;}
.hero p {font-size:14px;line-height:1.9;max-width:560px;margin:0;}
.hero-art {display:block;width:100%;height:245px;object-fit:contain;filter:drop-shadow(0 15px 22px #263e2610);}
.badge {border:1px solid var(--line);background:var(--panel);font-size:11px;padding:5px 10px;border-radius:100px;}
.tool {display:grid;grid-template-columns:1.1fr 1fr;gap:0 30px;padding:25px;border:1px solid var(--line);border-radius:18px;background-color:var(--panel);background-image:linear-gradient(#fffefaab,#fffefaab),none;background-size:auto,700px;box-shadow:0 16px 48px #22332409,0 2px 4px #22332403;}
#drop {grid-column:1;grid-row:1;min-height:185px;border:1.5px dashed #a5b69b;background:linear-gradient(#ecf1e7b0,#ecf1e7b0),none;background-size:auto,500px;border-radius:12px;gap:8px;padding:22px 12px;transition:background-color .2s,border-color .2s;}
#drop:hover,#drop.dragover {border-color:var(--accent);background-color:var(--accent-soft);}
#drop>svg{display:none;}#drop .art-icon {width:62px;height:62px;background-position:20% 50%;}
#drop strong{font-size:15px;}#drop>span:not(.art-icon){font-size:11px;}
.tryrow {grid-column:1;grid-row:2;text-align:center;padding:9px 0 0;}
.tryrow .linkbtn{font-size:11px;}
.urlrow {grid-column:2;grid-row:1 / span 2;margin:0;padding:12px 0 0 26px;border-left:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;}
.urlrow>.field {font-size:13px;font-weight:700;margin-bottom:10px;}
.urlmsg {font-size:11px;line-height:1.8;}.urlbox{gap:7px;}
.urlbox input {min-width:0;height:42px;font-size:12px;}
.urlbox button{height:42px;white-space:nowrap;}
.toolbar {grid-column:1 / -1;grid-row:3;margin-top:22px;padding:18px 0 0;border-top:1px solid var(--line);}
#queue {grid-column:1 / -1;grid-row:4;}
button,.btn {border-radius:8px;background-color:var(--panel);background-image:none;background-size:480px;background-blend-mode:multiply;color:var(--fg);box-shadow:0 1px 2px #23302506;}
button.primary,#urlBtn {background-color:var(--accent);background-image:none;background-blend-mode:multiply;color:#fff;border-color:var(--accent);font-weight:700;}
button:disabled{box-shadow:none;}
input,select,textarea{border-radius:7px;}
input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,#drop:focus-visible{outline:3px solid #b9c9a8;outline-offset:3px;}
.info {padding-top:38px;}.info section{margin-bottom:38px;}.info h2 {font-size:20px;letter-spacing:-.04em;}
.feats {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px;}
.feats>div {position:relative;padding:18px 0 18px 62px;border-bottom:1px solid var(--line);}
.feats>div::before{position:absolute;left:0;top:17px;background-position:var(--image-icon,0%) 50%;}
.feats>div:nth-child(2){--image-icon:60%;}.feats>div:nth-child(3){--image-icon:80%;}.feats>div:nth-child(4){--image-icon:40%;}.feats>div:nth-child(5){--image-icon:100%;}.feats>div:nth-child(6){--image-icon:80%;}.feats>div:nth-child(7){--image-icon:60%;}.feats>div:nth-child(8){--image-icon:100%;}
.feats dt{font-size:14px;margin-bottom:6px;}.feats dd{font-size:12px;line-height:1.85;color:var(--muted);}
.steps li,.tablewrap,details,.item {background-color:var(--panel);background-image:linear-gradient(#fffefaab,#fffefaab),none;background-size:auto,700px;}
.site-foot{border-top:1px solid var(--line);padding-block:22px;font-size:11px;}
:root[data-theme='dark'] {--bg:#181e19;--panel:#222a23;--sunk:#1a211b;--fg:#f4f2e6;--muted:#b7c0b0;--line:#3a4739;--accent:#abc8a1;--accent-ink:#152117;--accent-soft:#2a3b2c;}
:root[data-theme='dark'] .tool,:root[data-theme='dark'] .steps li,:root[data-theme='dark'] .tablewrap,:root[data-theme='dark'] details,:root[data-theme='dark'] .item{background-image:linear-gradient(#222a23ee,#222a23ee),none;}
:root[data-theme='dark'] #drop{background-image:linear-gradient(#26372bea,#26372bea),none;}
:root[data-theme='dark'] button.primary,:root[data-theme='dark'] #urlBtn {color:#101c11;}
@media(prefers-color-scheme:dark){:root:not([data-theme='light']) {--bg:#181e19;--panel:#222a23;--sunk:#1a211b;--fg:#f4f2e6;--muted:#b7c0b0;--line:#3a4739;--accent:#abc8a1;--accent-ink:#152117;--accent-soft:#2a3b2c;}:root:not([data-theme='light']) .tool,:root:not([data-theme='light']) .steps li,:root:not([data-theme='light']) .tablewrap,:root:not([data-theme='light']) details,:root:not([data-theme='light']) .item{background-image:linear-gradient(#222a23ee,#222a23ee),none;}:root:not([data-theme='light']) #drop{background-image:linear-gradient(#26372bea,#26372bea),none;}:root:not([data-theme='light']) button.primary,:root:not([data-theme='light']) #urlBtn{color:#101c11;}}
@media(max-width:650px){.site{padding-block:12px;gap:6px}.brand{font-size:12px}.brand::before{width:30px;height:30px}.site nav{gap:0}.site nav a{font-size:11px;padding:5px}.site nav button{font-size:11px}.hero{gap:6px;grid-template-columns:1fr .62fr;padding-block:24px}.hero h1{font-size:30px}.hero p{font-size:12px;line-height:1.8}.hero .eyebrow{font-size:9px}.hero-art{height:180px}.hero-copy{gap:11px}.badge{font-size:9px}.tool{grid-template-columns:1fr;padding:16px;gap:0}.urlrow{grid-column:1;grid-row:3;margin-top:18px;padding:18px 0 0;border-left:0;border-top:1px solid var(--line)}.toolbar{grid-row:4}#queue{grid-row:5}.feats{gap:0 18px}.feats>div{padding-left:48px}.feats>div::before{width:38px;height:38px}.feats dd{font-size:11px}.info{padding-top:28px}}
@media(max-width:430px){.hero{grid-template-columns:1fr;position:relative;padding-right:0}.hero-art{position:absolute;right:-5px;top:5px;width:125px;height:115px;opacity:.92}.hero-copy>.eyebrow,.hero-copy>h1{max-width:calc(100% - 140px)}.hero h1{font-size:29px;word-break:keep-all;overflow-wrap:anywhere;text-wrap:wrap}.hero p{padding-top:14px}.feats{grid-template-columns:1fr}.hero-copy{gap:10px}.site nav a{display:none}}