:root{color:#1d241e;background:#f4efe3;font-family:Avenir Next,Gill Sans,Trebuchet MS,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #1d241e;--muted: #6f725f;--paper: rgba(255, 251, 239, .88);--line: rgba(33, 39, 28, .16);--green: #295f48;--gold: #d99832;--coral: #d85f45;--shadow: 0 24px 70px rgba(42, 38, 21, .18)}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(circle at 8% 12%,rgba(216,95,69,.28),transparent 32rem),radial-gradient(circle at 88% 4%,rgba(41,95,72,.26),transparent 30rem),linear-gradient(135deg,#f4efe3,#ebe1c8 54%,#e5cfa9)}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{width:min(1420px,calc(100% - 32px));margin:0 auto;padding:34px 0}.hero{display:flex;align-items:stretch;justify-content:space-between;gap:24px;margin-bottom:24px}.eyebrow{margin:0 0 8px;color:var(--green);font-size:.78rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}h1{max-width:820px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(3rem,8vw,7.2rem);line-height:.9;letter-spacing:-.08em}.intro{max-width:680px;margin:18px 0 0;color:#46503e;font-size:1.08rem;line-height:1.7}.hero-card{min-width:190px;display:grid;place-items:center;padding:24px;border:1px solid var(--line);border-radius:36px;background:#fffbef8f;box-shadow:var(--shadow)}.hero-card strong{font-family:Georgia,Times New Roman,serif;font-size:4.8rem;line-height:1}.hero-card small{color:var(--muted);font-weight:700;text-transform:uppercase}.pulse{width:14px;height:14px;border-radius:999px;background:var(--gold);box-shadow:0 0 #d998328c;animation:pulse 1.8s infinite}.grid,.workspace{display:grid;gap:28px;align-items:start}.workspace{grid-template-columns:1fr}.history-gallery-panel{margin-top:28px}.panel{border:1px solid var(--line);border-radius:34px;background:var(--paper);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.form-panel{display:grid;gap:18px;padding:24px}.history-panel{padding:22px}.history-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:18px;align-items:start}.history-tools{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-left:auto}.history-tools .ghost{margin-left:0}.panel-title{display:flex;align-items:center;gap:12px}.panel-title.compact{margin-bottom:16px}.panel-title span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--ink);color:#fff9e8;font-weight:900}h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:1.65rem;letter-spacing:-.04em}label{display:grid;gap:8px}label>span{color:#3f4939;font-size:.84rem;font-weight:800}.field-title{display:inline-block;color:#3f4939;font-size:.84rem;font-weight:800}input,select,textarea{width:100%;border:1px solid rgba(33,39,28,.18);border-radius:18px;outline:none;background:#ffffff8f;color:var(--ink);padding:13px 14px;transition:border .2s ease,box-shadow .2s ease,background .2s ease}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:#295f48a3;background:#ffffffd1;box-shadow:0 0 0 4px #295f481f}.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.config-toolbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:end;padding:0;border:0;border-radius:0;background:transparent}.config-toolbar label{grid-column:1 / -1}.config-toolbar .ghost{width:100%;min-width:0;margin-left:0;padding-inline:10px;white-space:nowrap}.save-site{border:1px solid rgba(41,95,72,.36);border-radius:20px;background:linear-gradient(135deg,#295f4824,#d9983229),#ffffff94;color:var(--green);padding:13px 16px;font-weight:900}.hidden-input{display:none}.size-section{display:grid;gap:10px}.size-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:10px}.size-card{display:grid;gap:7px;justify-items:start;min-height:132px;border:1px solid rgba(33,39,28,.16);border-radius:20px;background:linear-gradient(145deg,#ffffff9e,#fff9e85c),#fff6;color:var(--ink);padding:12px;text-align:left;transition:border .2s ease,box-shadow .2s ease,transform .2s ease,background .2s ease}.size-card:hover{border-color:#295f485c;transform:translateY(-2px)}.size-card.selected{border-color:#295f48b8;background:linear-gradient(145deg,#295f481f,#d9983224),#ffffffad;box-shadow:0 0 0 4px #295f481a}.size-card strong{font-size:.95rem}.size-card small{color:var(--muted);font-size:.76rem;line-height:1.35}.size-thumb{display:grid;place-items:center;width:54px;height:42px;border-radius:14px;background:linear-gradient(135deg,#295f4821,#d9983229),#fff9}.size-thumb span{display:block;border:2px solid var(--green);border-radius:6px;background:#295f4824}.size-thumb[data-ratio=auto] span,.size-thumb[data-ratio=manual] span{width:30px;height:30px;border-style:dashed}.size-thumb[data-ratio=square] span{width:30px;height:30px}.size-thumb[data-ratio=landscape] span{width:38px;height:26px}.size-thumb[data-ratio=portrait] span{width:26px;height:38px}.size-thumb[data-ratio=wide] span{width:42px;height:24px}.size-thumb[data-ratio=tall] span{width:24px;height:42px}.custom-size{margin-top:2px}.upload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.drop-zone{min-height:138px;align-content:center;justify-items:center;border:1px dashed rgba(41,95,72,.45);border-radius:26px;background:linear-gradient(135deg,#295f481a,#d998321f),#ffffff5c;text-align:center}.drop-zone.mask{border-color:#d85f457a;background:linear-gradient(135deg,#d85f451f,#1d241e0f),#ffffff5c}.drop-zone input{display:none}.drop-zone strong{font-size:1.05rem}.drop-zone small{max-width:220px;color:var(--muted);line-height:1.5}.preview-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}figure{margin:0}.preview-row figure{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#ffffff8c}.add-reference-card{min-height:100%;border:1px dashed rgba(41,95,72,.34);border-radius:20px;background:#295f4812;color:var(--green);padding:18px;font-weight:900}.task-visual{display:grid;grid-template-columns:minmax(0,1fr) 88px;gap:10px;min-height:230px}.visual-main{position:relative;overflow:hidden;border:1px solid rgba(41,95,72,.18);border-radius:24px;background:radial-gradient(circle at 20% 18%,rgba(217,152,50,.18),transparent 9rem),#ffffff8f;padding:0}.visual-main img{width:100%;height:100%;min-height:230px;object-fit:cover;transition:transform .24s ease,filter .24s ease}.visual-main:hover img{filter:saturate(1.05) contrast(1.03);transform:scale(1.025)}.visual-main>span{position:absolute;left:12px;bottom:12px;border-radius:999px;background:#1d241ed1;color:#fff9e8;padding:7px 10px;font-size:.72rem;font-weight:900}.visual-empty{display:grid;place-items:center;align-content:center;gap:8px;min-height:230px;color:var(--muted)}.visual-empty strong{color:var(--ink);font-family:Georgia,Times New Roman,serif;font-size:1.8rem}.visual-refs{display:grid;grid-auto-rows:min-content;gap:8px}.visual-refs>small{writing-mode:vertical-rl;justify-self:center;color:var(--green);font-size:.64rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.visual-refs button,.extra-results button{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#ffffff9e;padding:0}.visual-refs img,.extra-results img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.visual-refs span,.extra-results span{display:block;padding:6px;color:var(--muted);font-size:.64rem;font-weight:900;letter-spacing:.08em}.task-meta-row{display:flex;flex-wrap:wrap;gap:7px}.task-meta-row span{border:1px solid rgba(33,39,28,.12);border-radius:999px;background:#ffffff7a;color:#44503d;padding:6px 9px;font-size:.74rem;font-weight:800}.extra-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}.task-downloads{display:flex;flex-wrap:wrap;gap:8px}.task-downloads button,.task-downloads a{border:1px solid var(--line);border-radius:999px;background:#ffffff8f;color:var(--ink);padding:8px 12px;font-size:.78rem;font-weight:800;text-decoration:none}figure img{display:block;width:100%;aspect-ratio:1;object-fit:cover}figcaption{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px;color:var(--muted);font-size:.78rem;font-weight:800;overflow-wrap:anywhere}.image-button{display:block;width:100%;border:0;background:transparent;padding:0}.image-button img{transition:transform .22s ease,filter .22s ease}.image-button:hover img{filter:saturate(1.08) contrast(1.04);transform:scale(1.035)}.submit{border:0;border-radius:22px;background:linear-gradient(135deg,var(--green),#173a2d);color:#fff9e8;padding:16px 18px;font-weight:900;letter-spacing:.04em;box-shadow:0 16px 34px #295f4847}.submit:disabled{cursor:not-allowed;opacity:.55}.ghost,.icon-button,figcaption button,figcaption a{border:1px solid var(--line);border-radius:999px;background:#ffffff85;color:var(--ink);padding:8px 12px;font-size:.78rem;font-weight:800;text-decoration:none}.ghost{margin-left:auto}.ghost.danger,.icon-button.danger{border-color:#d85f4547;color:#963b2d}.ghost.danger.solid,.danger-action{border-color:#d85f4575;background:#963b2d;color:#fff9e8}.message{margin:0;border-radius:18px;padding:12px 14px;line-height:1.5}.message.error,.task-error{background:#d85f451f;color:#963b2d}.message.success{background:#295f481f;color:#24553f}.empty{display:grid;gap:8px;padding:34px;border:1px dashed var(--line);border-radius:26px;color:var(--muted);text-align:center}.empty strong{color:var(--ink);font-size:1.1rem}.empty p{margin:0;line-height:1.6}.task-card{display:grid;gap:12px;margin-top:0;padding:16px;border:1px solid var(--line);border-radius:26px;background:#ffffff75;animation:rise .45s ease both;transition:border .2s ease,box-shadow .2s ease,transform .2s ease,background .2s ease}.task-id{max-width:100%;border:1px solid rgba(41,95,72,.2);border-radius:999px;background:linear-gradient(135deg,#295f4814,#d998321a),#ffffff80;color:#24553f;padding:5px 9px;font-family:Avenir Next,Gill Sans,Trebuchet MS,sans-serif;font-size:.74rem;font-weight:900;letter-spacing:.02em;overflow-wrap:anywhere}.task-card.active{border-color:#d99832bf;box-shadow:0 0 0 4px #d998321f}.task-card.selected{border-color:#295f48ad;background:linear-gradient(135deg,#295f481a,#d9983214),#ffffff9e;box-shadow:0 0 0 4px #295f481a,0 18px 45px #21271c1a}.task-card header{display:flex;align-items:center;justify-content:space-between;gap:12px}.task-card header>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.task-actions{justify-content:flex-end}.task-check{display:inline-flex;grid-auto-flow:column;align-items:center;gap:7px;width:auto;border:1px solid rgba(41,95,72,.18);border-radius:999px;background:#ffffff80;padding:5px 9px 5px 6px;color:var(--green);cursor:pointer}.task-check input{width:16px;height:16px;padding:0;accent-color:var(--green)}.task-check span{color:inherit;font-size:.74rem;font-weight:900}.status{border-radius:999px;background:#6f725f24;padding:6px 10px;font-size:.76rem;font-weight:900}.status[data-status=running],.status[data-status=queued]{background:#d998322e;color:#8a5814}.status[data-status=succeeded]{background:#295f4829;color:var(--green)}.status[data-status=failed]{background:#d85f4529;color:#9f3c2b}.status[data-status=canceled]{background:#6f725f29;color:#5a5d4e}.mode-badge{border-radius:999px;background:#295f481f;color:var(--green);padding:6px 10px;font-size:.76rem;font-weight:900}.mode-badge[data-mode=image]{background:#d998322e;color:#8a5814}time{color:var(--muted);font-size:.8rem}.prompt{display:-webkit-box;margin:0;overflow:hidden;color:#343d31;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:3}.prompt-button{width:100%;border:0;background:transparent;padding:0;text-align:left}.prompt-button:hover{color:var(--green);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}dl{display:grid;gap:7px;margin:0}dl div{display:grid;grid-template-columns:64px minmax(0,1fr);gap:8px}dt{color:var(--muted);font-size:.78rem;font-weight:800}dd{margin:0;overflow-wrap:anywhere;font-size:.84rem}.task-error{margin:0;border-radius:16px;padding:10px 12px;line-height:1.5}.toast-pop{position:fixed;right:28px;bottom:28px;z-index:70;border:1px solid rgba(255,249,232,.42);border-radius:999px;background:#1d241eeb;color:#fff9e8;padding:12px 18px;font-weight:900;box-shadow:0 18px 50px #0000003d;animation:toast-in .22s ease both}.prompt-modal{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 18% 20%,rgba(217,152,50,.28),transparent 24rem),#181b14ad;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:fade-in .18s ease both}.prompt-modal-card{position:relative;width:min(780px,100%);max-height:calc(100vh - 48px);overflow:auto;border:1px solid rgba(255,249,232,.32);border-radius:30px;background:linear-gradient(135deg,#fffbeff5,#eedfbef0);box-shadow:0 28px 90px #00000057;padding:28px}.prompt-modal-kicker{color:var(--green);font-size:.72rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.prompt-modal-card h3{margin:8px 52px 16px 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.8rem,4vw,3rem);letter-spacing:-.06em}.prompt-modal-card p{margin:0;white-space:pre-wrap;color:#30382d;line-height:1.75}.copy-large{margin-top:20px;border:0;border-radius:18px;background:var(--ink);color:#fff9e8;padding:12px 16px;font-weight:900}.copy-large.muted{background:#21271c1a;color:var(--ink)}.delete-modal{z-index:65;background:radial-gradient(circle at 70% 18%,rgba(216,95,69,.34),transparent 22rem),#181b14bd}.delete-modal-card{width:min(520px,100%)}.danger-text{color:#963b2d}.delete-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.delete-modal-actions .copy-large{margin-top:0}.lightbox{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 10%,rgba(217,152,50,.25),transparent 24rem),#181b14bd;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:fade-in .18s ease both}.lightbox-card{position:relative;width:min(980px,100%);max-height:calc(100vh - 48px);overflow:hidden;border:1px solid rgba(255,249,232,.3);border-radius:30px;background:#12160f;box-shadow:0 28px 90px #0000006b}.lightbox-card img{width:100%;max-height:calc(100vh - 160px);object-fit:contain;background:#0b0e0a}.lightbox-card figcaption{align-items:flex-start;justify-content:flex-start;flex-direction:column;padding:16px 18px;color:#fff9e8b8}.lightbox-card figcaption strong{color:#fff9e8}.close-button{position:absolute;top:14px;right:14px;z-index:1;border:1px solid rgba(255,249,232,.28);border-radius:999px;background:#12160fb8;color:#fff9e8;padding:8px 12px;font-weight:900}@keyframes pulse{70%{box-shadow:0 0 0 16px #d9983200}to{box-shadow:0 0 #d9983200}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media(max-width:980px){.hero,.workspace,.two-col,.config-toolbar,.upload-grid{grid-template-columns:1fr}.hero{display:grid}.history-card-grid,.task-visual{grid-template-columns:1fr}.visual-refs{grid-template-columns:repeat(4,minmax(0,1fr))}.visual-refs>small{grid-column:1 / -1;writing-mode:horizontal-tb;justify-self:start}}@media(max-width:620px){.shell{width:min(100% - 18px,1420px);padding:18px 0}.form-panel,.history-panel{padding:16px;border-radius:24px}.hero-card{min-width:0}}
