/* V2 candidate: progressive visual polish; no external font or runtime */
:root{color-scheme:light;--v2-ink:#151b29;--v2-accent:#6657f5;--v2-line:#dedfe8}
body{background:radial-gradient(ellipse 65% 28% at 85% 0%,rgba(121,106,247,.13),transparent),#f6f7fb;color:var(--v2-ink)}
.site-header{max-width:1280px}.site-header nav a:focus-visible,.v2-card:focus-visible,.v2-action:focus-visible{outline:3px solid #6657f5;outline-offset:3px}
.workspace{background:rgba(255,255,255,.86);border-color:#e1e3ee;box-shadow:0 24px 75px rgba(32,36,90,.09)}
.v2-directory{max-width:1200px;margin:90px auto;padding:0 24px}.v2-directory h2{font-size:clamp(34px,5vw,60px);letter-spacing:-.055em;line-height:1.05;margin:10px 0}.v2-directory>p{max-width:690px;color:#586073}
.v2-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:26px}
.v2-card{display:flex;flex-direction:column;gap:10px;min-height:190px;padding:26px;border:1px solid var(--v2-line);border-radius:22px;text-decoration:none;background:linear-gradient(145deg,#fff,#f7f7ff);transition:transform .15s,border-color .15s}
.v2-card:hover{transform:translateY(-3px);border-color:#a8a1f9}.v2-card strong{font-size:22px;letter-spacing:-.035em}.v2-card span{color:#616a7d;font-size:14px}.v2-card em{font-size:12px;color:#5446c7;font-style:normal;font-weight:800;margin-top:auto}
.v2-hero{max-width:1000px;margin:70px auto 32px;padding:0 24px;text-align:center}.v2-hero h1{font-size:clamp(42px,7vw,76px);letter-spacing:-.06em;line-height:1.05;margin:12px 0}.v2-hero p{font-size:17px;color:#596275;max-width:730px;margin:0 auto}
.v2-workspace{max-width:980px;margin:0 auto;padding:24px;border-radius:26px;border:1px solid var(--v2-line);background:#fff;box-shadow:0 20px 75px rgba(26,34,77,.07)}
.v2-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.v2-field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700}.v2-field input,.v2-field select{width:100%;border:1px solid #cbd0df;border-radius:11px;padding:12px;font:inherit;background:white;color:#172033}.v2-field input[type=range]{padding:8px 0}
.v2-upload{display:block;padding:22px;border:2px dashed #c5c5eb;border-radius:17px;background:#f7f7ff}.v2-upload input{display:block;margin-top:10px;max-width:100%}.v2-preview{display:block;max-height:420px;max-width:100%;margin:20px auto;border-radius:12px;background:repeating-conic-gradient(#e7e8ef 0% 25%,#fff 0% 50%) 50%/18px 18px;object-fit:contain}.v2-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.v2-action{border:0;background:#302b67;color:white;padding:13px 22px;border-radius:12px;font-weight:800;cursor:pointer;text-decoration:none}.v2-action:disabled{opacity:.45;cursor:not-allowed}.v2-download{background:#eef0ff;color:#27206c}.v2-message{color:#505c72;font-size:14px;min-height:22px}.v2-guide{max-width:980px;margin:70px auto;padding:0 24px}.v2-guide h2{font-size:clamp(25px,4vw,39px);letter-spacing:-.04em}.v2-guide p,.v2-guide li{line-height:1.75;color:#505b6b}.v2-guide section{padding:22px 0;border-top:1px solid var(--v2-line)}
@media(max-width:760px){.v2-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v2-controls{grid-template-columns:1fr 1fr}.v2-workspace{margin:0 14px;padding:16px}}
@media(max-width:480px){.v2-grid,.v2-controls{grid-template-columns:1fr}.v2-card{min-height:150px}.v2-hero{margin-top:40px}}
@media(prefers-reduced-motion:reduce){.v2-card{transition:none}}
/* ListSite 2030 studio — native, no external dependencies */
.crop-studio{--mint:#a7f3d0;--ink:#0d1426;max-width:1320px;margin:32px auto 0;padding:28px;background:linear-gradient(135deg,#10182c,#090e1c 75%);border:1px solid #33415a;border-radius:32px;color:#e9f0ff;box-shadow:0 34px 100px rgba(6,15,40,.24);font-family:inherit}.crop-studio-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:8px 8px 25px}.crop-kicker,.crop-stage-top,.crop-panel-title>span{font-size:11px;letter-spacing:.17em;font-weight:800;color:#9eafcb}.crop-status-dot{display:inline-block;width:8px;height:8px;background:var(--mint);border-radius:50%;margin-right:10px;box-shadow:0 0 16px #a7f3d0}.crop-studio h2{font-size:clamp(35px,5vw,60px);letter-spacing:-.065em;line-height:1.05;margin:12px 0;color:#fff}.crop-dot{color:var(--mint)}.crop-studio-head p{color:#aab9d0;margin:0;max-width:570px}.crop-local{border:1px solid #355346;border-radius:100px;padding:10px 15px;color:var(--mint);white-space:nowrap;font-size:12px;font-weight:700}.crop-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px}.crop-stage-col,.crop-panel{background:#151f34;border:1px solid #2b3a52;border-radius:22px;min-width:0}.crop-stage-top,.crop-stage-foot{display:flex;justify-content:space-between;gap:10px;padding:17px 20px}.crop-stage-top span:last-child{color:var(--mint);letter-spacing:0}.crop-stage{min-height:400px;display:flex;align-items:center;justify-content:center;padding:18px;background:radial-gradient(circle at center,#24314c 0,#10182b 68%);overflow:hidden;position:relative}.crop-drop{cursor:pointer;border:1.5px dashed #536480;border-radius:20px;min-height:290px;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;text-align:center;padding:25px;background:rgba(255,255,255,.025)}.crop-drop strong{font-size:24px;color:white;letter-spacing:-.04em}.crop-drop span{color:#aabbd3;font-size:13px}.crop-drop input{position:absolute;opacity:0;width:1px;height:1px}.crop-upload-symbol{display:grid;place-items:center;width:66px;height:66px;border-radius:19px;background:#a7f3d0;color:#102231!important;font-size:35px!important}.crop-stage canvas{max-width:100%;touch-action:none;cursor:crosshair;box-shadow:0 15px 45px rgba(0,0,0,.35)}.crop-stage-foot{color:#aabbd3;font-size:12px;align-items:center}.crop-stage-foot button,.crop-reset{background:transparent;border:1px solid #445572;color:#dbe8fb;border-radius:11px;padding:9px 13px;cursor:pointer}.crop-panel{padding:23px;display:flex;flex-direction:column;gap:20px}.crop-panel-title{display:flex;flex-direction:column;gap:8px}.crop-panel-title strong{font-size:23px;color:#fff;letter-spacing:-.04em}.crop-ratios{border:0;margin:0;padding:0}.crop-ratios legend,.crop-field label{font-size:13px;color:#c9d5e7;font-weight:700;margin-bottom:12px}.crop-ratio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.crop-ratio-grid button{min-height:57px;border:1px solid #3b4b66;background:#1c2941;color:#dbe5f4;border-radius:12px;cursor:pointer;font-weight:800}.crop-ratio-grid button small{display:block;font-size:10px;font-weight:500}.crop-ratio-grid button[aria-pressed=true]{background:#a7f3d0;color:#0d2a29;border-color:#a7f3d0}.crop-field{display:flex;flex-direction:column}.crop-field label{display:flex;justify-content:space-between}.crop-field output{color:var(--mint)}.crop-field input{width:100%;accent-color:#a7f3d0}.crop-field select{width:100%;background:#1c2941;border:1px solid #40516b;color:#fff;padding:12px;border-radius:11px}.crop-export{display:flex;justify-content:space-between;align-items:center;background:#a7f3d0;border:0;color:#0c2826;border-radius:13px;padding:16px;font-weight:900;cursor:pointer}.crop-export:disabled{opacity:.4;cursor:not-allowed}.crop-download{display:block;background:#e7edff;color:#172e52;text-align:center;padding:14px;border-radius:12px;font-weight:800;text-decoration:none}.crop-feedback{font-size:12px;color:#b9c9de;line-height:1.6;margin:0}.crop-studio button:focus-visible,.crop-drop:focus-within,.crop-studio select:focus-visible{outline:3px solid #a7f3d0;outline-offset:3px}.crop-studio [hidden]{display:none!important}@media(max-width:950px){.crop-layout{grid-template-columns:1fr}.crop-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.crop-panel-title,.crop-ratios{grid-column:1/-1}.crop-ratio-grid{grid-template-columns:repeat(6,1fr)}}@media(max-width:650px){.crop-studio{padding:13px;border-radius:20px;margin:20px 12px}.crop-studio-head{padding:14px 8px;display:block}.crop-local{display:inline-block;margin-top:14px}.crop-stage{min-height:300px;padding:9px}.crop-stage-top,.crop-stage-foot{padding:13px}.crop-panel{display:flex;padding:17px}.crop-ratio-grid{grid-template-columns:repeat(3,1fr)}.crop-studio h2{font-size:38px}}


/* V2.1.1 — dimensional studio refinement; composited transitions only */
:root{--v2-elevated:0 24px 70px rgba(17,24,48,.11),0 5px 18px rgba(17,24,48,.045)}
body{background:radial-gradient(ellipse 70% 35% at 90% 0%,rgba(102,87,245,.12),transparent 75%),radial-gradient(ellipse 50% 22% at 0% 32%,rgba(63,193,178,.08),transparent 80%),#f6f7fb}
.v2-hero{position:relative}.v2-hero h1{text-wrap:balance;text-shadow:0 1px 0 rgba(255,255,255,.6)}
.v2-card{position:relative;isolation:isolate;overflow:hidden;box-shadow:0 8px 28px rgba(27,37,70,.035),inset 0 1px 0 rgba(255,255,255,.95);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.v2-card:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 100% 0%,rgba(123,110,255,.13),transparent 57%);pointer-events:none}
.v2-card:hover{transform:translateY(-6px);border-color:#a69bfb;box-shadow:0 24px 52px rgba(40,43,94,.13),0 4px 12px rgba(40,43,94,.04)}
.v2-workspace{box-shadow:var(--v2-elevated);border-color:#e0e2ef}
.v2-action{background:linear-gradient(135deg,#5648d7,#2b276a);box-shadow:0 8px 20px rgba(65,54,168,.18);transition:transform .18s ease,box-shadow .18s ease}
.v2-action:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(65,54,168,.25)}
.crop-studio{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(145deg,#18263f 0%,#0b1223 55%,#090f1c 100%);border:1px solid rgba(155,191,226,.22);box-shadow:0 45px 110px rgba(5,12,31,.27),0 9px 22px rgba(5,12,31,.13),inset 0 1px 0 rgba(255,255,255,.12)}
.crop-studio:before{content:"";position:absolute;z-index:-1;inset:-120px -60px auto auto;width:550px;height:400px;background:radial-gradient(ellipse,rgba(65,207,182,.12),transparent 68%);pointer-events:none}
.crop-studio:after{content:"";position:absolute;z-index:-1;left:-180px;bottom:-210px;width:450px;height:420px;background:radial-gradient(ellipse,rgba(99,108,236,.11),transparent 70%);pointer-events:none}
.crop-studio-head{padding:15px 10px 30px}.crop-studio h2{text-shadow:0 3px 28px rgba(164,243,208,.10)}
.crop-stage-col,.crop-panel{background:linear-gradient(155deg,rgba(35,51,77,.96),rgba(17,28,47,.97));border:1px solid rgba(139,165,200,.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 15px 30px rgba(0,0,0,.15)}
.crop-stage{background:radial-gradient(ellipse at 50% 40%,#2b3d5c,#141e32 60%,#101728);background-image:radial-gradient(ellipse at 50% 40%,rgba(56,76,110,.8),transparent 70%),linear-gradient(45deg,rgba(255,255,255,.018) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.018) 75%),linear-gradient(45deg,rgba(255,255,255,.018) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.018) 75%);background-size:auto,26px 26px,26px 26px;background-position:0 0,0 0,13px 13px}
.crop-stage canvas{border-radius:6px;box-shadow:0 22px 50px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.1)}
.crop-drop{background:linear-gradient(145deg,rgba(134,167,203,.075),rgba(255,255,255,.018));border-color:#6a809e;transition:border-color .2s ease,background .2s ease,transform .2s ease}
.crop-drop:hover,.crop-drop:focus-within{border-color:#a7f3d0;background:rgba(167,243,208,.075);transform:translateY(-2px)}
.crop-upload-symbol{box-shadow:0 10px 35px rgba(167,243,208,.17),inset 0 1px 0 rgba(255,255,255,.6)}
.crop-ratio-grid button{box-shadow:inset 0 1px 0 rgba(255,255,255,.06);transition:background .16s ease,border-color .16s ease,transform .16s ease}
.crop-ratio-grid button:hover{transform:translateY(-2px);border-color:#9cbaac}
.crop-ratio-grid button[aria-pressed=true]{box-shadow:0 7px 18px rgba(167,243,208,.18),inset 0 1px 0 rgba(255,255,255,.5)}
.crop-export{background:linear-gradient(110deg,#a7f3d0,#73e8c4);box-shadow:0 12px 30px rgba(90,221,180,.17),inset 0 1px 0 rgba(255,255,255,.65);transition:transform .18s ease,box-shadow .18s ease}
.crop-export:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 17px 34px rgba(90,221,180,.26)}
.crop-export:not(:disabled):active,.crop-ratio-grid button:active{transform:translateY(0)}
.crop-local{background:rgba(167,243,208,.045);box-shadow:inset 0 1px 0 rgba(167,243,208,.12)}
.crop-field select:focus-visible,.crop-field input:focus-visible,.v2-field input:focus-visible,.v2-field select:focus-visible{outline:3px solid #a7f3d0;outline-offset:3px}
@media(max-width:650px){.crop-studio{box-shadow:0 20px 45px rgba(5,12,31,.18)}.crop-studio-head{padding:12px 8px 20px}.crop-stage{min-height:260px}}
@media(prefers-reduced-motion:reduce){.v2-card,.v2-action,.crop-drop,.crop-ratio-grid button,.crop-export{transition:none!important}.v2-card:hover,.v2-action:hover,.crop-drop:hover,.crop-ratio-grid button:hover,.crop-export:hover{transform:none!important}}

/* ListSite V2.2: live studios */
.v2-workspace[data-v2-tool]{max-width:1190px;margin:24px auto 64px;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(285px,.85fr);column-gap:28px;align-items:start;padding:30px;background:linear-gradient(145deg,#182b43 0%,#0b1728 52%,#111d34 100%);border:1px solid #405675;border-radius:26px;box-shadow:0 28px 80px #07142b40,inset 0 1px #ffffff23;color:#eaf3ff}.v2-workspace[data-v2-tool] .v2-upload{grid-column:2;grid-row:1/3;display:block;padding:22px;border:1px dashed #6c87a8;background:#ffffff0a;border-radius:16px;color:#eaf3ff}.v2-workspace[data-v2-tool] .v2-upload span{display:block;margin-top:7px;color:#a9bbd2}.v2-workspace[data-v2-tool] .studio-preview-bar{grid-column:1;grid-row:1;display:flex;justify-content:space-between;gap:10px;color:#a6bdd8;font-size:11px;font-weight:750;letter-spacing:.11em}.studio-preview-bar i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#68e6bc;box-shadow:0 0 14px #68e6bc;margin-right:7px}.studio-live-stage{grid-column:1;grid-row:2/7;min-height:440px;border-radius:19px;border:1px solid #41536c;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:22px;background:radial-gradient(ellipse at 50% 25%,#334d69 0%,#17283c 48%,#0c1625 100%);box-shadow:inset 0 8px 30px #0005,0 16px 34px #0003}.studio-live-stage canvas{max-width:100%;max-height:590px;width:auto;height:auto;object-fit:contain;box-shadow:0 18px 45px #0008;border-radius:3px}.studio-empty{text-align:center;display:grid;gap:12px;justify-items:center;color:#aebfd5;padding:20px}.studio-empty strong{color:white;font-size:21px}.studio-empty-icon{font-size:56px;color:#75e6cb}.v2-workspace[data-v2-tool] .v2-controls{grid-column:2;grid-row:3;display:grid;grid-template-columns:1fr;gap:16px}.v2-workspace[data-v2-tool] .v2-field{color:#d6e5f8}.v2-workspace[data-v2-tool] .v2-field input:not([type=checkbox]),.v2-workspace[data-v2-tool] .v2-field select{background:#111f33;border:1px solid #48617f;color:#fff;border-radius:12px;padding:12px;width:100%;max-width:100%}.v2-workspace[data-v2-tool] .v2-actions{grid-column:2;grid-row:4;display:grid;gap:12px}.v2-workspace[data-v2-tool] .v2-action{border-radius:13px;box-shadow:0 9px 25px #0004}.v2-workspace[data-v2-tool] .v2-message{grid-column:2;grid-row:5;color:#b8c9dc}.v2-workspace[data-v2-tool] .v2-preview{display:none!important}.v2-workspace[data-v2-tool] #v2-canvas{display:none}.v2-workspace[data-v2-tool] :focus-visible{outline:3px solid #75e6cb;outline-offset:3px}@media(max-width:850px){.v2-workspace[data-v2-tool]{display:flex;flex-direction:column;padding:17px;gap:17px}.v2-workspace[data-v2-tool]>*{width:100%}.studio-live-stage{min-height:310px;padding:12px}.studio-live-stage canvas{max-height:450px}}@media(prefers-reduced-motion:reduce){.v2-workspace[data-v2-tool] *{transition:none!important}}