*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:radial-gradient(ellipse at 75% 0%,#12475b66,transparent 50%),#061b2c;color:#e5f5ff;font:16px/1.6 system-ui,-apple-system,sans-serif}a{color:#a1e7df;text-underline-offset:4px}button,input,textarea,select{font:inherit}button,.upload{touch-action:manipulation}button{border:1px solid #99dedb30;background:#8cddd7;color:#072b3f;border-radius:12px;padding:10px 18px;font-weight:650;cursor:pointer;transition:box-shadow .25s,transform .25s}button:hover{box-shadow:0 0 25px #8cddd726;transform:translateY(-2px)}button:disabled{opacity:.45;cursor:not-allowed;transform:none}button.secondary{background:#103449;color:#daf4ff;border-color:#9edfe342}button.text-button{background:transparent;color:#a5e7df;padding:7px 0;border:0;font-weight:500}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #91e5dc;outline-offset:4px}.studio-hub{display:flex;gap:25px;padding:12px 4vw;border-bottom:1px solid #b2dfe323;font-size:.875rem}.studio-hub a:first-child{margin-right:auto}.studio-header{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:25px 4vw;border-bottom:1px solid #b2dfe323}.studio-title{display:flex;align-items:center;gap:15px}.studio-title img{filter:brightness(3)}h1{font-size:1.85rem;line-height:1.1;letter-spacing:-.04em;margin:5px 0}.eyebrow{font-size:.75rem;letter-spacing:.13em;color:#9adbd9;font-weight:700}.studio-actions,.view-buttons,.share-actions{display:flex;flex-wrap:wrap;gap:10px}main{padding:24px 4vw 90px}.studio-notice{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#b2cedc;font-size:.875rem;margin-bottom:22px}.studio-notice #status{color:#a2ebe0}.studio-layout{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(0,1.45fr);gap:28px;align-items:start}.editor-panel,.preview-panel{min-width:0;border:1px solid #a5d6e22e;border-radius:24px;background:linear-gradient(140deg,#123147cc,#0b273acc);box-shadow:0 20px 70px #0002;backdrop-filter:blur(12px)}.editor-panel{padding:30px}.editor-heading h2{font-size:2.15rem;letter-spacing:-.045em;line-height:1.2;margin:12px 0}.editor-heading p,.hint{color:#abc6d7}.hint{font-size:.875rem}h3{font-size:1.2rem;margin:10px 0}fieldset{border:0;padding:0;margin:30px 0}legend{font-size:1.1rem;font-weight:650;margin-bottom:12px}label{display:block;font-size:.875rem;color:#c9e2ed;margin:14px 0}input,textarea,select{display:block;width:100%;border:1px solid #a0d4df45;border-radius:11px;background:#082337;color:#e6f5ff;padding:11px 13px;margin-top:7px;min-width:0}input::placeholder,textarea::placeholder{color:#8baabb}textarea{resize:vertical}input[type=file]{font-size:.875rem;padding:10px;overflow:hidden}input[type=file]::file-selector-button{background:#1c5266;color:#e7f7ff;border:0;padding:6px 9px;border-radius:6px;margin-right:9px}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.project-editor{padding:20px;margin-bottom:20px;border:1px solid #b2dfe329;border-radius:16px;background:#13374b66}.project-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.project-head strong{font-size:.9rem}.project-head button{padding:5px 9px;font-size:.875rem}.project-image-thumb{height:80px;max-width:140px;object-fit:cover;border-radius:9px;margin:10px 0}.cv-import,.backup-tools{border-top:1px solid #b2dfe325;padding-top:23px;margin-top:25px}.backup-tools summary{cursor:pointer;color:#c8e4ee}.backup-actions{display:grid;gap:12px;margin-top:18px}.preview-panel{padding:26px;position:sticky;top:15px}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px}.preview-toolbar h2{font-size:1.55rem;margin:4px 0;letter-spacing:-.04em}.view-buttons button{padding:7px 12px;font-size:.875rem}.view-buttons [aria-pressed=true]{background:#8cddd7;color:#082a3d}.theme-picker{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.theme-picker legend{font-size:.875rem;margin-bottom:5px}.theme-picker label{display:flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid #a0d4df32;border-radius:10px;margin:0;cursor:pointer}.theme-picker label:has(input:checked){border-color:#8cddd7;background:#8cddd710}.theme-picker input{width:16px;margin:0;accent-color:#8cddd7}.theme-swatch{width:19px;height:19px;border-radius:50%}.studio-swatch{background:#8cddd7}.editorial-swatch{background:#b99beb}.minimal-swatch{background:#f3f6f7}.preview-wrap{border:1px solid #a0d4df32;border-radius:15px;overflow:hidden;max-width:100%;margin:auto;transition:max-width .3s;background:#061b2c}.preview-wrap.phone{max-width:375px}#preview{border:0;width:100%;height:720px;display:block;background:#061b2c}.publish-panel{margin-top:25px}#public-link{display:block;overflow-wrap:anywhere;margin:15px 0}.share-actions button{font-size:.875rem}dialog{background:#103147;color:#e5f5ff;border:1px solid #b5e1e34d;border-radius:22px;padding:30px;width:min(92vw,480px)}dialog::backdrop{background:#020d19b0;backdrop-filter:blur(5px)}dialog h2{margin-top:0}dialog p{color:#b7cedc}.editor-heading{position:relative}.editor-heading:after{content:'';position:absolute;width:65px;height:2px;right:0;top:12px;background:linear-gradient(90deg,transparent,#8cddd7);box-shadow:0 0 30px #8cddd7}.bozan-motion-ready .editor-heading:after{animation:studio-glow 4s ease-in-out infinite alternate}@keyframes studio-glow{from{opacity:.3;transform:scaleX(.7)}to{opacity:1;transform:scaleX(1)}}
@media(max-width:1000px){.studio-layout{grid-template-columns:1fr}.preview-panel{position:static}.studio-header{align-items:flex-start;flex-wrap:wrap}#preview{height:650px}}
@media(max-width:480px){main{padding:20px 16px 90px}.studio-header{padding:20px 16px}.studio-hub{gap:15px;padding:12px 16px}.editor-panel,.preview-panel{padding:21px}.field-pair{grid-template-columns:1fr;gap:0}.preview-toolbar{flex-wrap:wrap}.studio-actions button{padding:9px 12px;font-size:.875rem}h1{font-size:1.6rem}.eyebrow{letter-spacing:.07em}.theme-picker{gap:8px}.theme-picker label{padding:7px 9px}.theme-swatch{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

.account-bar{display:flex;flex-wrap:wrap;gap:16px;padding:12px 4vw;background:#0b293b;border-bottom:1px solid #b2dfe323;font-size:.875rem;color:#afd1df}.bozan-motion-ready .editor-panel,.bozan-motion-ready .preview-panel{animation:studio-appear .55s ease-out both}@keyframes studio-appear{from{opacity:.4;transform:translateY(12px)}to{opacity:1;transform:none}}

.mobile-tabs{display:none}@media(max-width:1000px){.mobile-tabs{display:flex;gap:12px;position:sticky;top:0;z-index:10;background:#061b2cf5;padding:12px 0;margin-bottom:12px}.mobile-tabs [aria-pressed=true]{background:#8cddd7;color:#082a3d}body[data-mobile-pane=editor] .preview-panel{display:none}body[data-mobile-pane=preview] .editor-panel{display:none}}