:root{color:#f5f4ff;font-synthesis:none;--ink:#f7f6ff;--muted:#b7b8d8;--muted-strong:#d7d7ed;--canvas:#080b2b;--surface:#13164db8;--surface-strong:#212369e0;--line:#b4b5ff38;--blue:#65d7ff;--violet:#8667ff;--pink:#ed93ff;--gradient:linear-gradient(102deg, #66d9ff 0%, #7774ff 47%, #ef9bff 100%);--shadow:0 24px 65px #0000236b, inset 0 1px #ffffff1a;background:#080b2b;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 79% -5%,#6746ff57,#0000 28rem),radial-gradient(circle at 8% 18%,#1e9dff33,#0000 30rem),linear-gradient(145deg,#060824 0%,#101452 48%,#090a30 100%);min-width:320px;min-height:100vh;margin:0}body:before{z-index:-1;pointer-events:none;content:"";opacity:.58;background-image:radial-gradient(#d5e1ffbf .7px,#0000 .7px);background-size:38px 38px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 82%);mask-image:linear-gradient(#000,#0000 82%)}button,input,textarea,select{font:inherit}button{color:#101136;cursor:pointer;background:var(--gradient);border:1px solid #d8dcff33;border-radius:12px;padding:10px 14px;font-weight:800;transition:transform .18s,box-shadow .18s,filter .18s;box-shadow:0 7px 20px #6454ff40}button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 12px 26px #685bff61}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #66d7ffd9}button:disabled{opacity:.55;cursor:not-allowed}.secondary{color:#eff0ff;box-shadow:none;background:#969ae724}.secondary:hover:not(:disabled){background:#acb2ff42}.danger{color:#fff0f6;box-shadow:none;background:linear-gradient(110deg,#b14e86,#d96b97)}.app-shell{min-height:100vh;padding-bottom:1px;overflow:hidden}.site-header{align-items:center;gap:22px;width:min(1180px,100% - 48px);height:82px;margin:auto;display:flex}.brand{color:var(--ink);letter-spacing:-.03em;align-items:center;gap:10px;margin-right:auto;font-size:18px;font-weight:900;text-decoration:none;display:inline-flex}.brand small{color:var(--blue);letter-spacing:.08em;vertical-align:middle;margin-left:5px;font-size:11px}.brand-mark{background:#151569;border:1px solid #b2cbff80;border-radius:11px;place-items:center;width:35px;height:35px;display:grid;overflow:hidden;box-shadow:0 0 18px #647fffa6}.brand-mark img{width:136%;max-width:none}.nav-link{color:var(--muted-strong);font-size:14px;font-weight:700;text-decoration:none}.nav-link span{color:var(--blue);margin-left:3px}.hero{width:min(1180px,100% - 48px);min-height:570px;box-shadow:var(--shadow);background:linear-gradient(120deg,#1d2573c7,#13114bad),#0c0e3ae0;border:1px solid #b1beff45;border-radius:32px;grid-template-columns:minmax(0,.94fr) minmax(420px,1.06fr);gap:clamp(35px,5vw,74px);margin:12px auto 0;padding:clamp(32px,5vw,64px);display:grid;position:relative;overflow:hidden}.hero:before,.hero:after{z-index:0;pointer-events:none;content:"";filter:blur(2px);border-radius:999px;position:absolute}.hero:before{background:#df85ff38;width:280px;height:280px;top:-100px;right:-130px}.hero:after{background:#4bbdff2e;width:190px;height:190px;bottom:-135px;left:31%}.hero-copy,.composer{z-index:1;position:relative}.eyebrow{color:var(--blue);letter-spacing:.145em;margin:0 0 10px;font-size:11px;font-weight:900}.hero h1{letter-spacing:-.065em;max-width:560px;margin:0 0 18px;font-size:clamp(42px,5vw,67px);line-height:1.05}.hero h1 span{color:#ffe9ff;text-shadow:0 0 24px #e78dffb8}.hero-copy>p:not(.eyebrow){max-width:495px;color:var(--muted);margin:0;font-size:16px}.hero-art{pointer-events:none;width:min(338px,75%);position:absolute;bottom:-115px;right:-35px;transform:rotate(-5deg)}.hero-art:before{filter:blur(28px);content:"";background:#7569ffbf;border-radius:50%;position:absolute;inset:18% 9%}.hero-art img{filter:drop-shadow(0 20px 25px #04042580);width:100%;display:block;position:relative}.composer{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#272b79c7,#121549c4);border:1px solid #c9ceff52;border-radius:23px;align-self:center;gap:11px;padding:24px;display:grid;box-shadow:0 16px 45px #0000224d,inset 0 1px #ffffff1a}.composer label{color:#fbfaff;gap:6px;font-size:14px;font-weight:750;display:grid}.composer textarea,.composer input,.composer select{width:100%;color:var(--ink);background:#070a307a;border:1px solid #bfc6ff47;border-radius:11px;outline:none;padding:11px 12px;transition:border-color .18s,box-shadow .18s}.composer textarea::placeholder,.composer input::placeholder{color:#989bc4}.composer textarea:focus,.composer input:focus,.composer select:focus{border-color:#73daffe6;box-shadow:0 0 0 3px #53c5ff26}.composer select option{color:#171538;background:#f3f0ff}.composer textarea{resize:vertical;min-height:128px}.composer small{color:#acafd4;font-size:12px}.field-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.field-grid label{font-size:12px}fieldset{border:1px solid #bec5ff3d;border-radius:13px;min-width:0;margin:3px 0;padding:12px}legend{color:#e8e7ff;padding:0 4px;font-size:12px;font-weight:800}.reference-add{align-items:center;gap:8px;display:flex}.reference-add input{flex:1;min-width:0}.file-button{white-space:nowrap;cursor:pointer;background:#9b9fe824;border:1px solid #bac3ff33;border-radius:11px;align-items:center;padding:10px 12px;color:#edf0ff!important;display:inline-flex!important}.file-button input{display:none}.references{gap:6px;margin:10px 0 0;padding:0;list-style:none;display:grid}.references li{color:#d8daf3;justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.references span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.references button{color:#ffc7dc;box-shadow:none;background:0 0;border:0;padding:4px 7px}.skill-library{background:#5e54b41a;gap:10px;display:grid}.skill-card{background:#080b3657;border:1px solid #80d8ff40;border-radius:11px;gap:6px;padding:12px;display:grid}.skill-card strong{color:#eaf8ff;font-size:13px}.skill-card p{color:#c1c6e8;margin:0;font-size:12px}.skill-mode-description{color:#93dbff!important}.submit{color:#101136;padding:13px}.notice,.tasks,.privacy{width:min(1180px,100% - 48px);margin-left:auto;margin-right:auto}.notice{color:#dff8ff;background:#1f68a747;border:1px solid #6fdcff52;border-radius:13px;margin-top:20px;padding:12px 15px}.tasks{margin-top:64px}.heading{justify-content:space-between;align-items:end;margin-bottom:20px;display:flex}.heading h2{letter-spacing:-.04em;margin:0;font-size:30px}.job-grid{grid-template-columns:repeat(auto-fit,minmax(265px,1fr));gap:15px;display:grid}.job{border:1px solid var(--line);background:linear-gradient(145deg,#26296cb3,#0e113eb8);border-radius:18px;min-height:214px;padding:17px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f}.job:before{content:"";opacity:.8;background:linear-gradient(90deg, transparent, var(--blue), var(--pink), transparent);height:2px;position:absolute;top:0;left:0;right:0}.job--completed{border-color:#7beccc54}.job-top,.job-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:7px;display:flex}.job-top{color:#aaacd0;font-size:12px}.status{color:#bbc4e8;background:#8f97e129;border:1px solid #b8c2ff2e;border-radius:30px;padding:4px 8px;font-weight:800}.status.completed{color:#b9ffe1;background:#36b57c33;border-color:#78f5c14d}.status.failed,.status.cancelled{color:#ffd1df;background:#be396f40;border-color:#ff8fb74d}.job-prompt{color:#f7f6ff;-webkit-line-clamp:3;white-space:pre-wrap;-webkit-box-orient:vertical;margin:16px 0 7px;font-weight:800;display:-webkit-box;overflow:hidden}.job-meta{color:#aaacd0;margin:0 0 15px;font-size:12px}.skill-badge,.skill-result{color:#b9efff;background:#2f97cd24;border:1px solid #63d3ff38;border-radius:10px;margin:0 0 12px;padding:8px 10px;font-size:12px}.job-actions{justify-content:flex-end;margin-top:auto}.job-actions button{padding:8px 10px;font-size:13px}.error{color:#ffbdd5;font-size:13px}.empty{color:#c1c3df;background:#191c5670;border:1px dashed #abb5ff57;border-radius:18px;padding:32px}.privacy{background:linear-gradient(110deg,#243581c7,#4f288a9e);border:1px solid #b1beff40;border-radius:20px;margin-top:56px;margin-bottom:45px;padding:24px 28px;position:relative;overflow:hidden}.privacy:after{color:#d0bcff52;content:"✦";font-size:120px;position:absolute;top:-35px;right:24px}.privacy h2,.privacy p{z-index:1;margin:0;position:relative}.privacy h2{font-size:22px}.privacy p{color:#d0d2ed;max-width:800px;margin-top:6px}.overlay,.modal{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#040620c7;padding:22px;position:fixed;inset:0;overflow:auto}.overlay{color:#fff;place-items:center;font-weight:800;display:grid}.overlay div{box-shadow:var(--shadow);background:#1a1c61;border:1px solid #b5beff52;border-radius:16px;padding:23px}.result{width:min(940px,100%);box-shadow:var(--shadow);background:linear-gradient(145deg,#282a7a,#11144f);border:1px solid #bec5ff4a;border-radius:24px;margin:20px auto;padding:25px}.result-head{justify-content:space-between;align-items:start;gap:15px;display:flex}.result-head h2{text-transform:capitalize;margin:0}.result-head p{color:#b7badb;margin:4px 0}.result-image{object-fit:contain;background:#080b2b;border-radius:13px;max-width:100%;max-height:68vh;margin:20px auto;display:block;box-shadow:0 10px 35px #00002366}.image-nav{color:#dfe0f5;justify-content:center;align-items:center;gap:10px;display:flex}.revised,.result-prompt{overflow-wrap:anywhere;background:#07092f61;border:1px solid #bcc3ff2e;border-radius:12px;padding:13px}.revised{margin-bottom:8px}.skill-result{margin-top:8px}.admin-shell{min-height:100vh;padding-bottom:1px}.admin-login{width:min(1080px,100% - 48px);min-height:630px;box-shadow:var(--shadow);background:linear-gradient(130deg,#1b246ad6,#2a155fc7);border:1px solid #b2beff47;border-radius:30px;grid-template-columns:1fr minmax(360px,.78fr);gap:clamp(34px,8vw,100px);margin:20px auto 50px;padding:clamp(28px,5vw,64px);display:grid;overflow:hidden}.admin-login-copy{position:relative}.admin-login-copy h1{letter-spacing:-.065em;margin:0 0 17px;font-size:clamp(43px,5vw,66px);line-height:1.06}.admin-login-copy h1 span{color:#f2bcff;text-shadow:0 0 24px #e67dff8c}.admin-login-copy>p:not(.eyebrow){max-width:430px;color:var(--muted);font-size:16px}.admin-login-copy img{filter:drop-shadow(0 20px 26px #01021b8c);width:min(330px,72%);position:absolute;bottom:-68px;right:-20px;transform:rotate(-6deg)}.admin-login-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f1248a8;border:1px solid #ced2ff57;border-radius:22px;align-self:center;gap:13px;padding:28px;display:grid;box-shadow:inset 0 1px #ffffff1a}.admin-login-card h2{letter-spacing:-.04em;margin:-2px 0 8px;font-size:26px}.admin-login-card label,.admin-filters label{color:#f7f6ff;gap:6px;font-size:13px;font-weight:750;display:grid}.admin-login-card input,.admin-filters input,.admin-filters select{width:100%;color:var(--ink);background:#070a307a;border:1px solid #bfc6ff47;border-radius:11px;outline:none;padding:11px 12px}.admin-login-card input:focus,.admin-filters input:focus,.admin-filters select:focus{border-color:#73daffe6;box-shadow:0 0 0 3px #53c5ff26}.admin-login-card small{color:#aaadd1;font-size:12px}.admin-error{color:#ffc3d8;margin:0;font-size:13px}.admin-account{color:#c6c8e7;align-items:center;gap:12px;font-size:13px;display:flex}.admin-account button{padding:7px 10px}.admin-dashboard{width:min(1180px,100% - 48px);margin:18px auto 50px}.admin-heading{justify-content:space-between;align-items:end;gap:24px;margin:28px 0;display:flex}.admin-heading h1{letter-spacing:-.055em;margin:0;font-size:40px}.admin-heading p:not(.eyebrow){color:var(--muted);margin:7px 0 0}.admin-stats{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.admin-metric{border:1px solid var(--line);background:linear-gradient(145deg,#272a6cbf,#0d103bc2);border-radius:18px;flex-direction:column;justify-content:space-between;min-height:118px;padding:17px;display:flex}.admin-metric span{color:#b9bbda;font-size:13px;font-weight:700}.admin-metric strong{letter-spacing:-.06em;font-size:38px}.admin-metric--blue strong{color:var(--blue)}.admin-metric--green strong{color:#a8f6cf}.admin-metric--pink strong{color:#ffb1d2}.admin-metric--violet strong{color:#c0b3ff}.admin-filters{background:#181b5391;border:1px solid #b0bbff33;border-radius:17px;grid-template-columns:180px minmax(0,1fr) auto;align-items:end;gap:12px;margin:22px 0 14px;padding:15px;display:grid}.admin-filters button{height:43px}.admin-list{gap:11px;display:grid}.admin-job{border:1px solid var(--line);background:#181b52a1;border-radius:17px;justify-content:space-between;align-items:center;gap:25px;padding:18px;display:flex}.admin-job-main{flex:1;min-width:0}.admin-job .job-prompt{-webkit-line-clamp:2;margin-top:12px}.admin-job .job-meta{text-overflow:ellipsis;white-space:nowrap;margin-bottom:5px;overflow:hidden}.admin-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:8px;display:flex}.admin-actions button{padding:8px 10px;font-size:13px}@media (width<=860px){.hero{grid-template-columns:1fr}.hero-copy{min-height:310px}.hero-art{width:295px;bottom:-135px;right:-18px}.admin-login{min-height:unset;grid-template-columns:1fr}.admin-login-copy{min-height:310px}.admin-login-copy img{width:240px;bottom:-160px;right:-20px}.admin-stats{grid-template-columns:repeat(3,1fr)}}@media (width<=620px){.site-header,.hero,.notice,.tasks,.privacy{width:min(100% - 32px,1180px)}.site-header{height:70px}.hero{border-radius:25px;margin-top:0;padding:28px 20px}.hero h1{font-size:43px}.hero-copy{min-height:328px}.hero-art{width:220px;bottom:-190px;right:-10px}.field-grid{grid-template-columns:1fr}.reference-add{flex-wrap:wrap;align-items:stretch}.reference-add input{min-width:100%}.composer{padding:18px}.tasks{margin-top:47px}.heading h2{font-size:26px}.privacy{padding:22px}.privacy:after{font-size:90px;right:12px}.result{margin:0;padding:17px}.result-head{flex-direction:column}.job-actions{justify-content:start}.admin-login,.admin-dashboard{width:min(100% - 32px,1180px)}.admin-login{border-radius:25px;padding:25px 20px}.admin-login-copy{min-height:295px}.admin-login-copy h1{font-size:43px}.admin-login-copy img{width:190px;bottom:-130px}.admin-login-card{padding:20px}.admin-account span{display:none}.admin-heading{flex-direction:column;align-items:start}.admin-heading h1{font-size:34px}.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-metric{min-height:98px}.admin-metric strong{font-size:32px}.admin-filters{grid-template-columns:1fr}.admin-filters button{width:100%}.admin-job{flex-direction:column;align-items:stretch;gap:14px}.admin-actions{justify-content:start}}