:root{--night-ink:#203238;--forest:#2f6b55;--forest-bright:#4d8b6c;--leaf-wash:#edf4e9;--paper-warm:#fffdf6;--edge:#c9dbca;--soft-ink:#708078}body{background:radial-gradient(circle at 12% 6%,#f8f1d7 0,transparent 26%),radial-gradient(circle at 88% 100%,#e5f0df 0,transparent 35%),#edf3e9;color:var(--night-ink)}header{height:72px;padding:0 clamp(28px,5vw,96px);background:rgba(255,253,246,.92);border-bottom:1px solid var(--edge);backdrop-filter:blur(16px)}header>strong{font-size:20px;letter-spacing:.04em}header nav{position:absolute;left:50%;transform:translateX(-50%);gap:5px}.nav{border-radius:999px;padding:8px 14px;box-shadow:none}.nav.active{background:var(--forest);box-shadow:0 5px 13px #2f6b5526}.wide{width:calc(100% - clamp(48px,8vw,176px));max-width:1840px!important;margin:28px auto 72px;padding:0!important}.workflow{width:100%;animation:workflow-enter .42s cubic-bezier(.22,.8,.25,1) both}.workflow-head{height:28px;margin:0 0 10px;color:var(--soft-ink);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.workflow-head strong:before{content:'●';color:#e4b95d;margin-right:8px;font-size:9px}.generate-workspace{width:100%;max-width:none!important;grid-template-columns:minmax(400px,1.17fr) minmax(330px,.92fr) minmax(310px,.78fr)!important;gap:18px}.generate-workspace>.panel{height:590px!important;border-radius:18px;border-color:var(--edge);box-shadow:0 20px 40px rgba(48,76,58,.08);background:linear-gradient(145deg,#fffef9,#fffdf5);animation:panel-enter .5s cubic-bezier(.22,.8,.25,1) both}.generate-workspace>.panel:nth-child(2){animation-delay:.07s}.generate-workspace>.panel:nth-child(3){animation-delay:.14s}.form-panel{padding:20px!important}.form-panel form{gap:12px}.form-panel textarea{min-height:90px}.form-panel fieldset{background:#fbfcf7;padding:10px}.preset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.preset{min-height:62px;padding:8px;background:#fffdf8;transition:transform .16s ease,border-color .16s ease,background .16s ease}.preset:hover{transform:translateY(-2px);border-color:var(--forest-bright)}.preset strong{font-size:12px}.dropzone{padding:9px!important;background:#f5faef!important}.candidate-panel,.processed-panel{padding:20px!important}.heading h2{font-size:18px;letter-spacing:.01em}.heading{border-bottom:1px solid #e3ebe0;padding-bottom:12px;margin-bottom:14px}.candidate-panel .candidates.empty{height:470px;display:grid;place-items:center;border:1px dashed #d5e1d3;border-radius:14px;background:linear-gradient(135deg,#fbfdf9,#f1f8ee);color:#8d9b91}.candidate-panel .candidates.empty:before{content:'✦';font-size:26px;color:#b7cbb8;animation:idle-breathe 2.4s ease-in-out infinite}.candidate{border:0!important;background:transparent!important;padding:0!important}.candidate img{border-radius:14px;box-shadow:0 10px 24px #405b3c1c}.transform-actions button{flex:1;border-radius:9px}.candidate .process{background:var(--forest);color:#fff;border-color:var(--forest);border-radius:10px}.processed-panel{display:flex;flex-direction:column}.processed-panel .export-result{margin:auto 0}.processed-panel .preview{margin:0 auto 16px;border-radius:14px;box-shadow:inset 0 0 0 1px #d0ded0}.processed-panel .actions{justify-content:center}.processed-panel .actions button{border-radius:999px}.add-workflow{height:50px;border-radius:14px;background:rgba(255,253,246,.7);transition:background .18s ease,transform .18s ease}.add-workflow:hover{background:#fffdf6;transform:translateY(-2px)}.centered-panel{width:100%;max-width:1840px!important;border-radius:20px!important;min-height:420px;padding:24px!important;box-shadow:0 20px 42px rgba(48,76,58,.08)!important}.asset-library{padding-top:6px}.asset-library article{background:#f8fbf4;border-radius:14px;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.asset-library article:hover{transform:translateY(-4px);box-shadow:0 12px 22px #365b4020}.asset-library img{padding:10px;background:linear-gradient(135deg,#f3f6ed,#fffdf6)}.composer-panel{min-height:760px!important}.composer{height:620px;grid-template-columns:300px minmax(0,1fr)!important}.composer aside{background:#f6faf2;border-radius:14px}.atlas-wrap{min-height:620px!important;border-radius:14px;background-size:32px 32px}.composer-toolbar{padding:12px;border:1px solid #e0eadc;border-radius:14px;background:#f8fbf5}.composer-toolbar label{width:130px}.composer-toolbar .zoom-control{width:220px}.generating{animation:panel-enter .25s ease both}.generating strong{letter-spacing:.03em}.spinner{border-top-color:var(--forest)!important;filter:drop-shadow(0 5px 8px #2f6b5530)}dialog[open]{animation:dialog-in .24s cubic-bezier(.22,.8,.25,1) both}dialog::backdrop{background:rgba(30,47,39,.32);backdrop-filter:blur(3px)}@keyframes workflow-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes panel-enter{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}@keyframes idle-breathe{0%,100%{transform:scale(.92);opacity:.45}50%{transform:scale(1.12);opacity:.9}}@keyframes dialog-in{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:1180px){.wide{width:calc(100% - 40px)}.generate-workspace{grid-template-columns:minmax(360px,1fr) minmax(320px,.9fr)!important}.generate-workspace>.processed-panel{grid-column:1/-1;height:460px!important}.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){header{padding:0 18px}header>strong{font-size:16px}header nav{position:static;transform:none;margin-left:auto}.nav{padding:6px 9px;font-size:11px}.wide{width:calc(100% - 24px);margin-top:16px}.generate-workspace{grid-template-columns:1fr!important}.generate-workspace>.processed-panel{grid-column:auto;height:440px!important}.preset-grid{grid-template-columns:1fr}.composer{grid-template-columns:1fr!important;height:auto}.atlas-wrap{min-height:480px!important}}