:root{--page:#000;--surface:#0b0d0f;--surface-raised:#16181c;--surface-hover:#1d1f23;--ink:#e7e9ea;--ink-strong:#f7f9f9;--ink-soft:#71767b;--line:#2f3336;--line-soft:#202327;--accent:#1d9bf0;--accent-hover:#1a8cd8;--white-button:#eff3f4;--shadow:#0000006b}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--page)}body{background:var(--page);min-width:320px;color:var(--ink);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}button,input,select{font:inherit}button,a,select,input[type=range]{-webkit-tap-highlight-color:transparent}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::selection{background:var(--accent);color:#fff}.app-shell{background:radial-gradient(circle at 7% -5%, #1d9bf01f, transparent 26rem), var(--page);min-height:100svh;padding:16px clamp(16px,4vw,56px) 38px;position:relative;overflow:hidden}.app-shell:after{z-index:0;content:"";filter:blur(24px);pointer-events:none;background:#1d9bf00b;border-radius:50%;width:36rem;height:36rem;position:absolute;bottom:14rem;right:-18rem}.topbar,.hero,.editor-grid,.how-it-works,.site-footer{z-index:1;width:min(1220px,100%);margin:0 auto;position:relative}.topbar{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;min-height:48px;display:flex}.brand{color:var(--ink-strong);letter-spacing:-.045em;align-items:center;gap:10px;font-size:18px;font-weight:760;text-decoration:none;display:inline-flex}.brand-symbol{background:var(--ink-strong);color:#000;border-radius:50%;place-items:center;width:30px;height:30px;font-size:17px;font-weight:900;line-height:1;display:grid}.topbar-status,.topbar-link{color:var(--ink-soft);letter-spacing:.01em;align-items:center;gap:8px;font-size:12px;font-weight:600;display:inline-flex}.topbar-link{color:var(--ink);text-decoration:none}.topbar-link:hover{color:var(--accent)}.topbar-link span{color:var(--accent);font-size:17px}.status-dot{background:#00ba7c;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 4px #00ba7c1f}.hero{justify-content:space-between;align-items:flex-end;gap:40px;padding:clamp(64px,9vw,112px) 0 46px;display:flex}.hero-copy{max-width:700px}.eyebrow,.panel-label,.meta-label{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:10px;font-weight:800;line-height:1.3}.eyebrow{align-items:center;gap:9px;display:inline-flex}.eyebrow-rule{background:var(--accent);width:28px;height:2px;display:inline-block}.hero h1{max-width:700px;color:var(--ink-strong);letter-spacing:-.085em;margin:14px 0 18px;font-size:clamp(50px,7.5vw,94px);font-weight:800;line-height:.91}.hero h1 span{color:var(--accent)}.hero-description{max-width:540px;color:var(--ink-soft);letter-spacing:-.02em;margin:0;font-size:clamp(15px,1.7vw,18px);line-height:1.45}.privacy-note{border-left:1px solid var(--line);align-items:flex-start;gap:13px;max-width:240px;padding:13px 0 6px 20px;display:flex}.privacy-icon{border:1px solid var(--line);width:28px;height:28px;color:var(--accent);border-radius:50%;flex:none;place-items:center;font-size:19px;display:grid}.privacy-note div{gap:3px;display:grid}.privacy-note span{color:var(--ink-soft);font-size:11px;font-weight:600}.privacy-note strong{color:var(--ink);letter-spacing:-.02em;font-size:13px;font-weight:650;line-height:1.3}.editor-grid{grid-template-columns:minmax(292px,348px) minmax(0,1fr);align-items:stretch;gap:16px;display:grid}.panel{border:1px solid var(--line);box-shadow:0 18px 52px var(--shadow);background:#000000b8;border-radius:16px}.controls-panel{flex-direction:column;padding:20px;display:flex;position:relative}.panel-heading,.preview-heading,.section-heading,.export-heading,.preview-meta{justify-content:space-between;align-items:center;gap:16px;display:flex}.panel-heading h2,.preview-heading h2{color:var(--ink-strong);letter-spacing:-.055em;margin:6px 0 0;font-size:20px;font-weight:720}.quiet-button{border:1px solid var(--line);color:var(--ink-soft);cursor:pointer;background:0 0;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:700}.quiet-button:hover{border-color:var(--accent);color:var(--accent)}.control-section{border-top:1px solid var(--line-soft);margin-top:22px;padding-top:20px}.upload-section{padding-top:20px}.upload-zone{background:var(--surface);cursor:pointer;text-align:center;border:1px dashed #3c4043;border-radius:14px;align-content:center;place-items:center;gap:8px;min-height:142px;padding:24px;transition:border-color .15s,background .15s,transform .15s;display:grid;position:relative}.upload-zone:hover,.upload-zone.is-dragging{border-color:var(--accent);background:#1d9bf014;transform:translateY(-1px)}.upload-zone:focus-within{outline-offset:3px;outline:2px solid #1d9bf080}.upload-zone input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.upload-icon{background:var(--ink-strong);color:#000;border-radius:50%;place-items:center;width:36px;height:36px;font-size:23px;line-height:1;display:grid}.upload-title{color:var(--ink-strong);letter-spacing:-.03em;font-size:14px;font-weight:700}.upload-copy,.export-note,.section-helper{color:var(--ink-soft);font-size:11px;line-height:1.4}.sample-link{color:var(--accent);cursor:pointer;background:0 0;margin:11px auto 0;padding:0;font-size:11px;font-weight:700;display:block}.sample-link span{margin-left:3px;font-size:15px;transition:transform .15s;display:inline-block}.sample-link:hover span{transform:translate(2px,-2px)}.section-heading__stack{gap:3px;display:grid}.section-label,.section-value,.range-control output{color:var(--ink);font-size:11px;font-weight:750}.section-value{color:var(--ink-soft);font-size:10px;font-weight:600}.watermark-picker{margin-top:11px;position:relative}.watermark-trigger{border:1px solid var(--line);background:var(--surface-raised);width:100%;min-height:45px;color:var(--ink-strong);cursor:pointer;text-align:left;border-radius:10px;align-items:center;gap:10px;padding:0 12px;transition:border-color .15s,background .15s;display:flex}.watermark-trigger:hover,.watermark-trigger.is-open{border-color:var(--accent);background:var(--surface-hover)}.watermark-trigger__value,.watermark-option__label{min-width:0;color:var(--ink-strong);letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:5px;font-size:13px;font-weight:720;display:inline-flex}.watermark-token{color:var(--accent)}.watermark-slash{color:var(--ink-soft);font-weight:500}.watermark-trigger__hint{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;margin-left:auto;font-size:10px;overflow:hidden}.watermark-trigger__chevron{color:var(--ink-soft);flex:none;font-size:18px;line-height:.7;transform:translateY(-2px)}.watermark-menu{z-index:20;border:1px solid var(--line);background:#0b0d0f;border-radius:12px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden;box-shadow:0 20px 40px #0000009e}.watermark-search-wrap{border:1px solid var(--line);background:var(--surface-raised);color:var(--ink-soft);border-radius:8px;align-items:center;gap:8px;margin:8px;padding:0 10px;display:flex}.watermark-search-wrap>span{font-size:18px}.watermark-search-wrap input{width:100%;min-width:0;height:36px;color:var(--ink-strong);background:0 0;border:0;outline:0;padding:0;font-size:12px}.watermark-search-wrap input::placeholder{color:var(--ink-soft)}.watermark-search-wrap input::-webkit-search-cancel-button{display:none}.watermark-options{max-height:248px;padding:0 6px 6px;overflow-y:auto}.watermark-menu__footer{border-top:1px solid var(--line-soft);background:#0b0d0f;padding:8px}.add-watermark-button{width:100%;color:var(--accent);cursor:pointer;background:0 0;border:1px dashed #3c4043;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:10px 9px;font-size:11px;font-weight:750;display:flex}.add-watermark-button:hover{border-color:var(--accent);background:#1d9bf014}.add-watermark-button>span{font-size:17px;line-height:.7}.watermark-option{cursor:pointer;text-align:left;background:0 0;border-radius:8px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;width:100%;padding:10px 9px;display:grid}.watermark-option:hover,.watermark-option.is-highlighted{background:var(--surface-hover)}.watermark-option.is-selected{background:#1d9bf01a}.watermark-option__hint{color:var(--ink-soft);white-space:nowrap;font-size:10px}.watermark-option__check{width:16px;color:var(--accent);text-align:right;font-size:14px;font-weight:800}.watermark-empty{color:var(--ink-soft);margin:14px 10px 16px;font-size:11px}.watermark-search-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #1d9bf01f}.position-grid{grid-template-columns:repeat(3,32px);gap:5px;margin-top:11px;display:grid}.position-button{border:1px solid var(--line);background:var(--surface-raised);width:32px;height:32px;color:var(--ink-soft);cursor:pointer;border-radius:8px;place-items:center;font-size:15px;line-height:1;display:grid}.position-button:hover,.position-button.is-selected{border-color:var(--accent);background:var(--accent);color:#fff}.range-control+.range-control{margin-top:17px}.range-control input{width:100%;accent-color:var(--accent);cursor:pointer;margin:12px 0 0;display:block}.range-control input[type=range]{appearance:none;background:linear-gradient(to right, var(--accent) 0%, var(--accent) var(--range-fill,55%), #2f3336 var(--range-fill,55%), #2f3336 100%);border-radius:999px;height:4px}.range-control input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);width:15px;height:15px;box-shadow:0 0 0 1px var(--accent);border:3px solid #000;border-radius:50%}.range-control input[type=range]::-moz-range-thumb{background:var(--accent);width:10px;height:10px;box-shadow:0 0 0 1px var(--accent);border:3px solid #000;border-radius:50%}.export-block{border:1px solid var(--line);background:var(--surface-raised);border-radius:14px;margin-top:23px;padding:18px}.export-heading{align-items:flex-start}.export-heading .panel-label{color:var(--accent)}.export-heading h3{color:var(--ink-strong);letter-spacing:-.05em;margin:6px 0 0;font-size:18px;font-weight:700}.export-heading select{border:1px solid var(--line);min-width:59px;color:var(--ink-strong);cursor:pointer;background:#000;border-radius:7px;outline:0;padding:7px 8px;font-size:10px;font-weight:800}.export-heading option{color:var(--ink);background:#000}.export-button{background:var(--white-button);color:#000;cursor:pointer;letter-spacing:-.02em;border-radius:999px;justify-content:space-between;align-items:center;width:100%;margin-top:19px;padding:13px 14px;font-size:12px;font-weight:800;transition:background .15s,transform .15s;display:flex}.export-button:hover:not(:disabled){background:#d7dbdc;transform:translateY(-1px)}.export-button:disabled{color:var(--ink-soft);cursor:not-allowed;background:#2f3336}.export-button>span:last-child{font-size:19px;line-height:.7}.export-note{color:var(--ink-soft);margin:11px 0 0;font-size:10px}.preview-panel{flex-direction:column;min-height:720px;padding:20px;display:flex}.preview-heading{align-items:flex-start;padding:0 1px 18px}.preview-heading h2{font-size:23px}.live-chip{border:1px solid var(--line);color:var(--ink-soft);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:8px 10px;font-size:10px;font-weight:700;display:inline-flex}.live-chip .status-dot{width:6px;height:6px}.canvas-stage{border:1px solid var(--line-soft);background-color:#111315;background-image:linear-gradient(45deg,#ffffff09 25%,#0000 25%),linear-gradient(-45deg,#ffffff09 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffff09 75%),linear-gradient(-45deg,#0000 75%,#ffffff09 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border-radius:12px;flex:1;place-items:center;min-height:500px;display:grid;position:relative;overflow:hidden}.canvas-stage:before{content:"";pointer-events:none;border:1px solid #e7e9ea1f;border-radius:8px;position:absolute;inset:16px}.canvas-stage.has-image{padding:clamp(22px,4.5vw,62px)}.canvas-stage canvas{z-index:1;border-radius:8px;max-width:100%;height:auto;max-height:560px;display:block;position:relative;box-shadow:0 20px 45px #00000073}.sample-art{z-index:1;aspect-ratio:4/3;background:radial-gradient(circle at 76% 20%,#1d9bf0 0 9%,#0000 9.2%),linear-gradient(160deg,#17202a 0%,#0f1419 56%,#243447 100%);border:1px solid #3c4043;border-radius:4px;width:min(75%,500px);position:relative;overflow:hidden;transform:rotate(-2.2deg);box-shadow:0 20px 45px #00000075}.sample-art__sun{aspect-ratio:1;opacity:.72;background:#8ecdf7;border-radius:50%;width:22%;position:absolute;top:10%;right:15%}.sample-art__hill{border-radius:50% 50% 0 0;height:60%;position:absolute;bottom:-12%;left:-10%;right:-10%;transform:rotate(-9deg)}.sample-art__hill--back{background:#243447;bottom:4%;transform:rotate(7deg)}.sample-art__hill--front{opacity:.58;background:#1d9bf0}.sample-art__loop{border:8px solid #0000;border-color:#e7e9ea42 #0000 #0000 #e7e9ea42;border-radius:50%;width:31%;height:24%;position:absolute;top:15%;left:21%;transform:rotate(21deg)}.sample-art__grain{background:#ffffff6b;height:1px;position:absolute;bottom:11%;left:8%;right:8%}.sample-mark{color:#fff;letter-spacing:.05em;text-transform:uppercase;background:#000000c7;border-radius:999px;align-items:center;gap:7px;max-width:86%;padding:8px 10px;font-size:clamp(8px,1.2vw,12px);font-weight:800;line-height:1;display:inline-flex;position:absolute;bottom:5%;right:5%}.sample-mark>span{color:var(--accent)}.empty-stage-copy{z-index:2;color:var(--ink);text-align:center;gap:3px;display:grid;position:absolute;bottom:25px;left:24px;right:24px}.empty-stage-copy span{font-size:12px;font-weight:750}.empty-stage-copy small{color:var(--ink-soft);font-size:10px}.preview-meta{align-items:flex-start;padding:16px 3px 0}.preview-meta>div{gap:4px;min-width:0;display:grid}.preview-meta strong{color:var(--ink);letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.meta-right{text-align:right}.notice{color:var(--accent);margin:14px 3px 0;font-size:11px;font-weight:650}.notice span{color:var(--ink-strong)}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#000000b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow-y:auto}.watermark-dialog{border:1px solid var(--line);background:var(--surface);border-radius:16px;width:min(100%,460px);max-height:calc(100svh - 40px);padding:22px;overflow-y:auto;box-shadow:0 28px 80px #000000a6}.dialog-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.dialog-heading h2{color:var(--ink-strong);letter-spacing:-.06em;margin:6px 0 0;font-size:24px;font-weight:750}.dialog-close{border:1px solid var(--line);width:30px;height:30px;color:var(--ink-soft);cursor:pointer;background:0 0;border-radius:50%;flex:none;place-items:center;font-size:21px;line-height:1;display:grid}.dialog-close:hover{border-color:var(--accent);color:var(--accent)}.dialog-copy{max-width:390px;color:var(--ink-soft);margin:12px 0 0;font-size:12px;line-height:1.5}.watermark-form{gap:15px;margin-top:21px;display:grid}.dialog-field{min-width:0;color:var(--ink);gap:7px;font-size:11px;font-weight:700;display:grid}.dialog-field>span,.dialog-type-field legend{color:var(--ink-soft);letter-spacing:.05em;text-transform:uppercase;font-size:10px;font-weight:750}.dialog-field input,.dialog-field select{border:1px solid var(--line);background:var(--surface-raised);width:100%;min-width:0;height:42px;color:var(--ink-strong);border-radius:9px;outline:0;padding:0 12px;font-size:12px;font-weight:600}.dialog-field input::placeholder{color:var(--ink-soft)}.dialog-field input:focus,.dialog-field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #1d9bf01f}.dialog-field option{color:var(--ink);background:#000}.dialog-type-field{border:0;min-width:0;margin:0;padding:0}.dialog-type-field legend{margin-bottom:7px;padding:0}.type-toggle{border:1px solid var(--line);background:var(--surface-raised);border-radius:10px;grid-template-columns:1fr 1fr;gap:3px;padding:3px;display:grid}.type-toggle__button{min-height:35px;color:var(--ink-soft);cursor:pointer;background:0 0;border-radius:7px;font-size:11px;font-weight:750}.type-toggle__button:hover,.type-toggle__button.is-selected{background:var(--accent);color:#fff}.dialog-image-preview{color:var(--ink-soft);align-items:center;gap:8px;font-size:10px;font-weight:600;display:flex}.dialog-image-preview img{object-fit:contain;border:1px solid var(--line);background:#111315;border-radius:7px;width:32px;height:32px}.dialog-error{color:#ff8c8c;margin:-2px 0 0;font-size:11px;line-height:1.4}.dialog-actions{border-top:1px solid var(--line-soft);justify-content:flex-end;align-items:center;gap:9px;margin-top:2px;padding-top:16px;display:flex}.dialog-submit{background:var(--white-button);color:#000;cursor:pointer;border-radius:999px;padding:10px 14px;font-size:11px;font-weight:800}.dialog-submit:hover{background:#d7dbdc}.how-it-works{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:24px;margin-top:30px;padding:25px 0 8px;display:grid}.how-it-works>div{grid-template-columns:auto 1fr;align-items:baseline;column-gap:11px;display:grid}.how-it-works .step-number{color:var(--accent);grid-row:span 2;font-size:11px;font-weight:800}.how-it-works strong{color:var(--ink-strong);font-size:12px;font-weight:750}.how-it-works>div>span:last-child{color:var(--ink-soft);font-size:11px;line-height:1.4}.site-footer{color:var(--ink-soft);letter-spacing:.02em;justify-content:space-between;gap:20px;padding-top:44px;font-size:10px;font-weight:620;display:flex}.site-footer__link{color:var(--ink);text-decoration:none}.site-footer__link:hover{color:var(--accent)}.site-footer__link span{color:var(--accent);font-size:14px}@media (max-width:980px){.hero{flex-direction:column;align-items:flex-start;gap:28px}.privacy-note{border:0;max-width:none;padding:0}.editor-grid{grid-template-columns:1fr}.controls-panel{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;display:grid}.controls-panel .panel-heading,.controls-panel .upload-section,.controls-panel .export-block{grid-column:1/-1}.control-section{margin-top:24px}.preview-panel{min-height:650px}}@media (max-width:640px){.app-shell{padding-left:15px;padding-right:15px}.topbar-status{display:none}.topbar-link{font-size:11px}.hero{padding-top:76px;padding-bottom:34px}.hero h1{font-size:clamp(52px,16vw,86px)}.editor-grid{gap:14px}.controls-panel,.preview-panel{border-radius:14px;padding:16px}.controls-panel{display:flex}.preview-panel{min-height:560px}.canvas-stage{min-height:395px}.canvas-stage.has-image{padding:24px}.sample-art{width:88%}.watermark-trigger__hint,.watermark-option__hint{display:none}.how-it-works{grid-template-columns:1fr;gap:18px}.site-footer{flex-direction:column;align-items:flex-start;gap:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}