:root{font-family:Inter,Segoe UI,sans-serif;color:#1f1f1f;background:#fff;--page-bg: #ffffff;--glass-bg: linear-gradient(180deg, rgba(255, 255, 255, .78), rgba(246, 248, 251, .58));--glass-border: rgba(255, 255, 255, .85);--glass-shadow: 0 24px 60px rgba(20, 30, 48, .1);--glass-highlight: inset 0 1px 0 rgba(255, 255, 255, .95);--glass-blur: blur(22px) saturate(155%);--motion-smooth: .26s cubic-bezier(.22, 1, .36, 1);--motion-fast: .18s cubic-bezier(.22, 1, .36, 1);--panel-radius: 34px;--panel-height: min(80vh, 760px)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--page-bg)}#root{min-height:100vh}.page{min-height:100vh;padding:clamp(22px,4vw,40px) clamp(18px,4vw,42px);position:relative}.page-with-image{background-color:#eef1f6;background-size:cover;background-position:center;background-repeat:no-repeat}.layout-shell{display:grid;grid-template-columns:minmax(360px,420px) minmax(0,1fr);align-items:center;gap:clamp(28px,2.8vw,40px);max-width:1560px;margin:0 auto;min-height:calc(100vh - clamp(44px,8vw,80px))}.sidebar-credit{margin:auto 0 0;padding:0 20px 4px;font-size:.85rem;line-height:1.2;color:#8c8c8c}.sidebar-credit a{color:inherit;text-decoration:none}.sidebar-credit a:hover{text-decoration:underline}.sidebar-panel{display:flex;align-items:stretch;min-height:var(--panel-height);border:1px solid var(--glass-border);border-radius:var(--panel-radius);background:#fff;box-shadow:var(--glass-highlight),var(--glass-shadow)}.glass-surface{position:relative;border:1px solid var(--glass-border);background:var(--glass-bg);box-shadow:var(--glass-highlight),var(--glass-shadow);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);transition:transform var(--motion-smooth),box-shadow var(--motion-smooth),background var(--motion-fast),border-color var(--motion-fast)}.glass-surface:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffff6b,#ffffff14 42%,#bcd2ff1a);opacity:.9}.profile-shell{position:relative;z-index:1;width:100%;max-width:none;margin:0;min-height:var(--panel-height);padding:clamp(28px,3vw,36px);display:flex;flex-direction:column;justify-content:flex-start}.intro-block{padding:2px 6px 0}.name{margin:0;font-size:clamp(2.2rem,4vw,2.9rem);font-weight:700;line-height:.98;letter-spacing:-.04em}.headline{margin:12px 0 0;font-size:clamp(1.3rem,2.5vw,1.7rem);line-height:1.08;letter-spacing:-.045em;color:#5a5a5a}.preview-panel{min-height:var(--panel-height);height:var(--panel-height);width:100%;border:1px solid var(--glass-border);border-radius:var(--panel-radius);background:#fff;box-shadow:var(--glass-highlight),var(--glass-shadow);align-self:center;padding:clamp(28px,3vw,42px);display:flex;align-items:stretch;overflow:hidden}.preview-panel-image{background-color:#0f1117;background-size:cover;background-position:center;background-repeat:no-repeat}.preview-panel-image .preview-eyebrow,.preview-panel-image .preview-status,.preview-panel-image .preview-stage-label{color:#ffffffc7}.preview-panel-image .preview-status{border-color:#ffffff3d;color:#ffffffeb;background:#0c0e1238}.preview-panel-image .preview-title,.preview-panel-image .preview-summary,.preview-panel-image .preview-stage-text,.preview-panel-image .preview-points li{color:#fff}.preview-panel-image .preview-stage{border-color:#ffffff29;background:linear-gradient(180deg,#0e101629,#0e101657);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.preview-panel-image .preview-points li{border-color:#ffffff29;background:#0a0c1242;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.preview-panel-studio{padding:0;background:#6b5ce7}.preview-panel-embed{padding:0;background:#fff}.link-list{position:relative;display:grid;gap:12px;padding:0;margin-top:28px}.link-pill{position:absolute;left:0;right:0;top:0;border-radius:999px;pointer-events:none;z-index:0;transform:translate3d(0,var(--pill-top, 0),0);will-change:transform,height;transition:transform .32s cubic-bezier(.18,.88,.32,1.08),height var(--motion-smooth),box-shadow var(--motion-smooth),background var(--motion-smooth)}.link-pill:after{content:"";position:absolute;top:10px;right:18px;bottom:10px;left:18px;border-radius:inherit;background:radial-gradient(circle at left center,rgba(255,255,255,.55),transparent 58%);opacity:.7;filter:blur(14px)}.link-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:62px;padding:17px 20px;border-radius:999px;color:#8c8c8c;text-decoration:none;font-size:1.02rem;font-weight:600;letter-spacing:-.03em;border:1px solid transparent;background:transparent;outline:none;text-align:left;cursor:pointer;transition:transform .24s cubic-bezier(.22,1,.36,1),color var(--motion-fast),opacity var(--motion-fast),letter-spacing var(--motion-fast);z-index:1}.link-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(90deg,#ffffff05,#f4f8ff6b,#ffffff05);opacity:0;transform:translate(-18px);transition:opacity var(--motion-fast),transform .3s cubic-bezier(.22,1,.36,1)}.link-card:hover,.link-card:focus-visible{color:#242424;transform:scale(1.01);letter-spacing:-.032em}.link-card:hover:after,.link-card:focus-visible:after,.link-card-active:after{opacity:1;transform:translate(0)}.link-card-active{color:#242424}.link-card-pressed{transform:scale(.985)}.link-card span,.link-icon{position:relative;z-index:1}.link-icon{display:inline-grid;place-items:center;width:24px;height:24px;color:#8a8a8a;transition:transform .26s cubic-bezier(.22,1,.36,1),color var(--motion-fast),opacity var(--motion-fast)}.link-card:hover .link-icon,.link-card:focus-visible .link-icon{color:#444;transform:translate(3px,-3px)}.link-card-active .link-icon{color:#444}.link-card-pressed .link-icon{transform:translate(1px,-1px) scale(.94)}.preview-panel-content{width:100%;height:100%;display:flex;flex-direction:column;gap:28px}.preview-panel-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.preview-eyebrow,.preview-status,.preview-stage-label{margin:0;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8d8d8d}.preview-status{padding:8px 12px;border:1px solid #ececec;border-radius:999px;color:#676767}.preview-copy{max-width:700px}.preview-title{margin:0;font-size:clamp(2rem,3vw,3rem);line-height:.98;letter-spacing:-.05em}.preview-summary{margin:16px 0 0;max-width:54ch;font-size:clamp(1.04rem,1.6vw,1.2rem);line-height:1.55;color:#606060}.preview-stage{margin-top:auto;min-height:240px;border:1px dashed #e7e7e7;border-radius:28px;background:linear-gradient(180deg,#fbfbfbf2,#f6f6f6e6);padding:clamp(22px,2.4vw,32px);display:flex;flex-direction:column;justify-content:flex-end;gap:14px;flex:1}.preview-embed-root{width:100%;height:100%;min-height:100%;display:flex;background:#fff}.preview-embed-frame{width:100%;height:100%;min-height:100%;border:0;display:block;background:#fff}.preview-panel-coming-soon{padding:0}.coming-soon-root{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:inherit}.coming-soon-overlay{position:absolute;top:0;right:0;bottom:0;left:0;backdrop-filter:blur(28px) saturate(130%);-webkit-backdrop-filter:blur(28px) saturate(130%);background:#08080e75}.coming-soon-content{position:relative;z-index:1;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;padding:32px}.coming-soon-eyebrow{font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ffffff85}.coming-soon-heading{margin:0;font-size:clamp(2.4rem,4.5vw,4rem);font-weight:700;letter-spacing:-.05em;line-height:1;color:#fff}.coming-soon-desc{margin:0;font-size:1.05rem;color:#ffffff8f;max-width:36ch;line-height:1.55}.preview-stage-text{margin:0;max-width:58ch;font-size:1rem;line-height:1.65;color:#626262}.preview-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;flex-shrink:0}.preview-points li{min-height:96px;padding:18px;border:1px solid #efefef;border-radius:22px;background:#fbfbfb;font-size:.98rem;line-height:1.5;color:#4d4d4d}.studio-shell{position:relative;width:100%;height:100%;padding:26px;color:#fff;overflow:hidden}.studio-toolbar-panel{position:absolute;top:20px;left:20px;z-index:3}.studio-icon-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:#ffffffc7;cursor:pointer;transition:background var(--motion-fast),color var(--motion-fast),transform var(--motion-fast)}.studio-icon-button:hover{color:#fff;background:#ffffff14}.studio-hidden-input{display:none}.studio-options{position:absolute;top:22px;right:22px;display:flex;gap:8px;z-index:3;background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.studio-icon-button{width:38px;height:38px;padding:0;border-radius:50%;display:grid;place-items:center;background:#262336bd;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px #ffffff14,0 10px 24px #110d282e}.studio-icon-button svg,.studio-upload-fab svg{width:18px;height:18px}.studio-upload-fab{width:38px;height:38px;padding:0;border-radius:50%;display:grid;place-items:center}.studio-canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;cursor:grab;touch-action:none}.studio-canvas-webgl{width:100%;height:100%}.studio-canvas-webgl canvas{width:100%;height:100%;display:block}.studio-canvas-placeholder{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;color:#ffffff80;font-size:1rem;font-weight:600;pointer-events:none;-webkit-user-select:none;user-select:none}@media (max-width: 1100px){.layout-shell{grid-template-columns:minmax(320px,390px) minmax(0,1fr);gap:24px}.sidebar-panel,.preview-panel,.profile-shell{min-height:min(68vh,680px)}.preview-points{grid-template-columns:1fr}.studio-canvas svg{width:min(70%,760px)}}@media (max-width: 820px){:root{--panel-radius: 28px}.page{padding:20px 18px 28px}.layout-shell{grid-template-columns:1fr;gap:22px;min-height:auto}.sidebar-panel{min-height:auto}.profile-shell{min-height:auto;padding:22px}.intro-block{padding:0 2px 20px}.headline{max-width:14ch}.preview-panel{min-height:420px;height:auto;padding:24px}.preview-panel-studio{padding:0}.preview-panel-content{gap:22px}.preview-panel-header{flex-direction:column;align-items:flex-start}.preview-stage{margin-top:0;min-height:220px}.studio-shell{min-height:720px;padding:18px}.studio-toolbar-panel{top:18px;left:18px}.studio-options,.studio-meta,.studio-notice{position:static;transform:none}.studio-options{width:fit-content;margin-left:auto;margin-bottom:18px;gap:8px}.studio-canvas{position:relative;min-height:360px;margin-bottom:18px}.studio-canvas svg{width:100%}}@media (max-width: 640px){:root{--panel-radius: 24px}.page{padding:16px 14px 24px}.profile-shell{width:100%;padding:18px}.intro-block{padding:0 2px 16px}.headline{max-width:13ch}.link-list{gap:12px;padding:0}.sidebar-credit{padding:0 18px 2px}.link-card{min-height:58px;padding:15px 18px;font-size:.98rem}.preview-panel{min-height:320px;height:auto;padding:18px}.preview-title{font-size:1.75rem}.preview-summary,.preview-stage-text,.preview-points li{font-size:.95rem}.preview-stage{min-height:180px;padding:18px}.studio-shell{min-height:680px;padding:14px}.studio-toolbar-panel{top:14px;left:14px}.studio-options{flex-wrap:wrap;width:100%;justify-content:center}.studio-icon-button{width:38px;height:38px}.studio-canvas{min-height:280px}}.studio-icon-button-active{background:#949dff4d!important;color:#fff!important}.studio-settings-panel{position:absolute;top:72px;right:20px;bottom:106px;width:220px;border:1px solid rgba(255,255,255,.1);background:#1c192cf5;box-shadow:inset 0 1px #ffffff12,0 20px 48px #0a061c5c;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;z-index:4;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;opacity:0;pointer-events:none;transform:translate(8px);transition:opacity .2s cubic-bezier(.22,1,.36,1),transform .2s cubic-bezier(.22,1,.36,1)}.studio-settings-panel-open{opacity:1;pointer-events:auto;transform:translate(0)}.studio-settings-panel::-webkit-scrollbar{width:3px}.studio-settings-panel::-webkit-scrollbar-track{background:transparent}.studio-settings-panel::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:2px}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:9px 10px 9px 14px;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}.settings-header-label{margin:0;font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ffffff6b}.settings-section{border-bottom:1px solid rgba(255,255,255,.06)}.settings-section:last-child{border-bottom:none}.settings-section-trigger{width:100%;display:flex;align-items:center;gap:8px;padding:7px 10px;background:transparent;border:0;color:#ffffffc7;cursor:pointer;text-align:left;font-family:inherit;font-size:.8rem;font-weight:500;letter-spacing:-.01em;transition:background var(--motion-fast),color var(--motion-fast)}.settings-section-trigger:hover{color:#fff;background:#ffffff0a}.settings-section-icon{width:24px;height:24px;display:grid;place-items:center;border-radius:6px;background:#ffffff12;color:#fff9;flex-shrink:0}.settings-section-icon svg{width:13px;height:13px}.settings-section-label{flex:1}.settings-chevron{color:#ffffff47;transition:transform .2s cubic-bezier(.22,1,.36,1);display:flex}.settings-chevron svg{width:13px;height:13px}.settings-chevron-open{transform:rotate(180deg)}.settings-section-body{padding:0 12px 8px;display:flex;flex-direction:column;gap:5px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:6px}.settings-label{font-size:.7rem;color:#ffffff70;flex:1}.settings-value{font-size:.68rem;font-weight:600;color:#ffffff85;font-variant-numeric:tabular-nums;min-width:24px;text-align:right}.settings-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:2px;background:#ffffff24;border-radius:2px;outline:none;cursor:pointer;margin:1px 0}.settings-range::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:#ffffffe0;cursor:pointer;box-shadow:0 1px 3px #0006;transition:transform .12s ease}.settings-range::-webkit-slider-thumb:hover{transform:scale(1.25)}.settings-range::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#ffffffe0;border:none;cursor:pointer}.settings-toggle{position:relative;width:28px;height:16px;flex-shrink:0}.settings-toggle input{opacity:0;width:0;height:0;position:absolute}.settings-toggle-track{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff24;border-radius:999px;cursor:pointer;transition:background .18s ease}.settings-toggle-track:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;transition:transform .18s cubic-bezier(.22,1,.36,1);box-shadow:0 1px 3px #0000004d}.settings-toggle input:checked+.settings-toggle-track{background:#949dffb8}.settings-toggle input:checked+.settings-toggle-track:after{transform:translate(12px)}.settings-swatches{display:flex;gap:5px;flex-wrap:wrap}.settings-swatch{width:20px;height:20px;border-radius:5px;border:2px solid transparent;cursor:pointer;transition:transform .14s ease,border-color .14s ease;padding:0;flex-shrink:0}.settings-swatch:hover{transform:scale(1.12)}.settings-swatch-active{border-color:#ffffffd1;transform:scale(1.08)}.settings-color-input{display:flex;align-items:center;gap:8px;padding:5px 10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer}.settings-color-native{width:16px;height:16px;border-radius:50%;border:none;padding:0;cursor:pointer;background:none;flex-shrink:0}.settings-color-native::-webkit-color-swatch-wrapper{padding:0;border-radius:50%}.settings-color-native::-webkit-color-swatch{border-radius:50%;border:1.5px solid rgba(255,255,255,.28)}.settings-color-hex{font-size:.72rem;font-family:SF Mono,Fira Code,monospace;color:#fff9;letter-spacing:.03em;flex:1}.settings-color-row{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.settings-color-dot{width:16px;height:16px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;flex-shrink:0;transition:transform .13s ease,border-color .13s ease}.settings-color-dot:first-child{border-color:#ffffff2e}.settings-color-dot:hover{transform:scale(1.2)}.settings-color-dot-active{border-color:#ffffffd1!important;transform:scale(1.15)}.settings-action-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.11);border-radius:8px;padding:5px 10px;background:#ffffff0d;color:#ffffffa6;font:inherit;font-size:.72rem;cursor:pointer;width:100%;text-align:center;transition:background var(--motion-fast),color var(--motion-fast)}.settings-action-btn:hover{background:#ffffff17;color:#fff}@media (max-width: 820px){.studio-settings-panel{top:auto;bottom:0;left:0;right:0;width:100%;border-radius:18px 18px 0 0;max-height:60vh;transform:translateY(12px)}.studio-settings-panel-open{transform:translateY(0)}}