[hidden]{display:none!important}.mobile-logout{display:none;border:0;background:transparent;font-size:1.2rem;color:#547044;padding:6px}@media(max-width:900px){.mobile-logout{display:block}}
:root{font-family:Arial,Helvetica,sans-serif;color:#21372c;background:#f5f6f3;font-synthesis:none;font-size:16px;--ink:#142820;--lime:#c8f271;--muted:#6d7970;--line:#e0e5de;--surface:#fff;--radius:18px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #91b84d;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.85rem,3.1vw,2.9rem);letter-spacing:-.045em;line-height:1.12;margin-bottom:14px}h2{font-size:1.3rem;letter-spacing:-.03em;line-height:1.3}h3{font-size:1.5rem;line-height:1.25;letter-spacing:-.03em}p{line-height:1.55}small,.small{font-size:.875rem}.tiny{font-size:.75rem;line-height:1.5}.muted{color:var(--muted)}.block{display:block}.right{text-align:right}.positive{color:#427425}.full{width:100%}.narrow{max-width:440px}.eyebrow,.small-label{font-size:.75rem;letter-spacing:.12em;line-height:1.5;font-weight:700}.eyebrow{display:block;margin-bottom:18px;color:#bed1b2}.eyebrow.dark,.small-label{color:#73866d}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:1px solid transparent;border-radius:10px;padding:13px 19px;font-size:.875rem;font-weight:700;min-height:46px;transition:background .15s,transform .15s}.btn span:last-child{margin-left:auto}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn.primary{background:var(--ink);color:white}.btn.primary:hover:not(:disabled){background:#2c4836}.btn.lime{background:var(--lime);color:var(--ink)}.btn.subtle{background:#fff;border-color:var(--line);color:#2d4034}.text-btn{background:transparent;border:0;padding:8px 0;font-size:.875rem;font-weight:700;color:#486437}.icon-btn{width:36px;height:36px;border-radius:50%;background:#f2f4ef;border:0;font-size:1.5rem}.brand{display:flex;gap:11px;align-items:center;font-size:1.28rem;font-weight:800;letter-spacing:.07em;color:white}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:32px;height:34px;background:var(--lime);color:var(--ink);border-radius:7px;font-size:1.5rem;letter-spacing:-.08em;font-weight:900}.brand-dot{font-size:.65rem;align-self:flex-start;margin:4px 0 0 -8px;color:#9baf9a}.sidebar{position:fixed;inset:0 auto 0 0;width:242px;background:var(--ink);color:#dfe7df;padding:30px 22px 20px;display:flex;flex-direction:column;z-index:5}.workspace-label{font-size:.625rem;letter-spacing:.16em;color:#819b85;margin:38px 0 17px}.sidebar .new-project{margin-bottom:25px;font-weight:700;padding:13px 12px}.sidebar nav{display:flex;flex-direction:column;gap:6px}.sidebar nav a{display:flex;align-items:center;gap:12px;font-size:.875rem;padding:12px 10px;border-radius:8px;min-height:46px;color:#a5b8a8}.sidebar nav a:hover{background:#203a2b}.sidebar nav a.active{background:#284030;color:var(--lime)}.nav-icon{font-size:1.3rem;width:25px;text-align:center}.side-note{margin-top:auto;padding:50px 8px 24px}.side-note .small-label{font-size:.625rem;color:#82967d}.side-note p{font-size:1.1rem;line-height:1.5;margin:14px 0 20px;color:#d9e7d5}.side-note .tiny{color:#819a81}.profile{border-top:1px solid #344538;padding-top:20px;display:flex;gap:10px;align-items:center}.avatar{width:34px;height:34px;border-radius:50%;background:#475d39;color:#d5eda3;display:grid;place-items:center}.profile div{min-width:0;flex:1}.profile strong{font-size:.875rem;display:block;overflow:hidden;text-overflow:ellipsis}.profile div span{font-size:.7rem;display:block;color:#8ea18d;margin-top:4px}.profile button{border:0;color:#b1c3ad;background:none;font-size:1.25rem}.main-shell{margin-left:242px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:83px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;font-size:.875rem;gap:20px}.top-actions{display:flex;align-items:center;gap:20px}.local-chip{font-size:.75rem;color:#7b8677}.coin-chip{display:flex;align-items:center;gap:9px;background:white;border:1px solid #dde4d4;padding:10px 15px;border-radius:30px}.coin-chip>span{color:#6a863f}main{padding:40px 42px 30px;flex:1;max-width:1680px;width:100%;margin:0 auto}footer{padding:25px 42px;border-top:1px solid var(--line);font-size:.75rem;letter-spacing:.1em;color:#8b9587;display:flex;justify-content:space-between}footer span{letter-spacing:0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:29px}.page-heading .eyebrow{font-size:.625rem;margin-bottom:13px}.page-heading p{margin-bottom:0}.home-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:23px}.start-card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:26px 30px}.step-caption{display:flex;align-items:center;gap:10px;font-size:.65rem;font-weight:700;letter-spacing:.12em;color:#7b8875;margin-bottom:24px}.number-tag{display:inline-grid;place-items:center;width:24px;height:24px;border:1px solid #dce5d1;border-radius:50%;font-size:.65rem}.start-card h2{font-size:1.65rem;letter-spacing:-.035em}.drop-zone{border:1.5px dashed #bdcbae;border-radius:12px;background:#fafbf7;min-height:168px;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;cursor:pointer;text-align:center}.drop-zone:hover,.drop-zone.drag{background:#f0f7e6;border-color:#65893c}.drop-zone strong{font-size:.875rem}.drop-zone>span:not(.upload-icon){font-size:.75rem;color:#7d8977}.drop-zone small{font-size:.625rem;color:#83907a;margin-top:5px}.upload-icon{font-size:1.4rem;border:1px solid #d6dfcc;border-radius:9px;width:36px;height:36px;display:grid;place-items:center;margin-bottom:5px}.start-card>p{margin:14px 0 0;font-size:.75rem}.feature-card{border-radius:var(--radius);background:#d7ecc4;color:var(--ink);padding:29px 32px;display:flex;flex-direction:column;position:relative;overflow:hidden}.feature-card .eyebrow{color:#5e7750;font-size:.625rem}.sample-type{font-size:clamp(2.1rem,3.9vw,4.1rem);letter-spacing:-.055em;font-weight:700;line-height:1.01;flex:1;padding:15px 0 29px}.sample-type em{font-family:Georgia,serif;font-weight:400;font-style:italic;color:#587644}.feature-bottom{display:flex;align-items:end;justify-content:space-between;gap:14px}.feature-bottom>span{font-size:.75rem;line-height:1.5;color:#607753}.round-btn{width:49px;height:49px;flex:none;border:0;border-radius:50%;background:var(--ink);color:var(--lime);font-size:1.6rem}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:34px 0 17px}.section-heading h2{margin:0;font-size:1.15rem}.section-heading>a{font-size:.75rem;font-weight:700}.empty{background:#fff;border:1px dashed #dce4d5;border-radius:12px;padding:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:175px}.empty>span{font-size:1.7rem;color:#9bab8c;margin-bottom:12px}.empty>strong{font-size:.875rem}.empty p{font-size:.875rem;color:var(--muted);margin:8px 0}.directions{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;border-top:1px solid var(--line);margin-top:32px;padding-top:25px}.directions>div{display:grid;grid-template-columns:30px 1fr;gap:8px;font-size:.875rem}.directions>div>span{color:#97a38d;font-size:.75rem}.directions small{grid-column:2;font-size:.75rem;color:#919a8a}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:white;transition:transform .15s}.project-card:hover{transform:translateY(-3px)}.project-cover{height:175px;background:#d9e8cd;position:relative;display:grid;place-items:center;font-size:1.3rem;letter-spacing:-.03em;font-weight:700}.project-cover img{width:100%;height:100%;object-fit:cover}.project-badge{position:absolute;top:12px;left:12px;background:#ffffffe8;border-radius:20px;font-size:.65rem;letter-spacing:0;padding:5px 9px;font-weight:400}.project-meta{padding:17px;display:grid;grid-template-columns:1fr 16px;gap:8px}.project-meta strong{font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-meta small{grid-column:1/-1;font-size:.7rem;color:#7d8a76}.flow-strip{display:flex;border:1px solid var(--line);background:white;border-radius:10px;overflow:hidden;margin-bottom:24px}.flow-strip span{flex:1;font-size:.75rem;padding:15px 20px;color:#a0aa99;border-right:1px solid var(--line)}.flow-strip span:last-child{border:0}.flow-strip .done{color:#426130;font-weight:700;background:#f0f6e8}.studio-grid{display:grid;grid-template-columns:minmax(200px,.9fr) minmax(300px,1.25fr) minmax(150px,.7fr);gap:22px;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:14px;padding:24px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.panel-heading h2{font-size:1rem;margin:0}.panel-heading>span{font-size:.75rem;color:#8b9b80}.source-image{width:100%;max-height:270px;object-fit:contain;background:#f3f5ef;border-radius:9px}.source-empty{height:190px;background:#f5f7f1;border:1px dashed #d5deca;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#8c9c7d}.source-empty>span{font-size:2rem}.source-empty p{font-size:.875rem;margin:12px 0 0}.upload-label{margin-top:15px;cursor:pointer}.analysis-box{background:#f4f7ee;border-radius:10px;padding:17px;margin-top:22px}.analysis-box .small-label{font-size:.625rem}.analysis-box p,.analysis-box li{font-size:.875rem;color:#65745a;line-height:1.55}.analysis-box p{margin:12px 0}.analysis-box ul{padding-left:15px}.analysis-box li{margin-bottom:8px}.tag{display:inline-block;font-size:.75rem;font-weight:700;padding:5px 9px;border-radius:6px;color:#617b42;background:#edf4e1}.help-panel{padding:23px 0 0 3px}.help-panel .eyebrow{font-size:.625rem}.help-panel ol{padding-left:20px;font-size:.875rem;color:#7b8970;line-height:1.5}.help-panel li{padding:6px 0}.help-tip{border-top:1px solid #dce3d4;padding-top:20px;margin-top:22px;display:flex;gap:10px;color:#718563}.help-tip>span{font-size:1.6rem}.help-tip p{font-size:.875rem}label{display:block;font-size:.875rem;font-weight:500;color:#4e6145;margin-bottom:17px}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%;display:block;border:1px solid #dfe5d7;background:#fcfdfb;border-radius:8px;padding:12px;margin-top:8px;color:#263d29;font-size:.875rem;min-width:0}input::placeholder,textarea::placeholder{color:#a0aa99}input[type=color]{height:44px;padding:4px!important}textarea{resize:vertical;min-height:70px}.field-row{display:flex;gap:14px}.field-row>*{flex:1;min-width:0}.style-picker{border:0;padding:0;margin:7px 0 23px;display:flex;gap:10px}.style-picker legend{font-size:.875rem;padding:0 0 12px;color:#4e6145}.style-choice{position:relative;flex:1;margin:0;cursor:pointer;border:2px solid transparent;border-radius:8px;background:#f4f6ef;padding:8px}.style-choice:has(input:checked){border-color:#6c8f43}.style-choice input{position:absolute;opacity:0;width:1px;height:1px}.style-choice:focus-within{outline:3px solid #91b84d}.style-choice>span{display:block;font-size:1.6rem;letter-spacing:-.1em;padding:12px;border-radius:5px;background:var(--ink);color:#d9efbb}.style-choice.paper>span{background:#f0ede5;color:#202823}.style-choice.blue>span{background:#193af1;color:#b9d9ff}.style-choice small{font-size:.65rem;display:block;margin-top:8px;color:#78896a;text-align:center}.price-line{display:flex;align-items:center;justify-content:space-between;font-size:.875rem;padding-top:17px;border-top:1px solid var(--line);margin-bottom:6px}.settings-panel form>.small{font-size:.75rem}.notice{padding:16px 20px;display:flex;align-items:center;gap:12px;background:#e6f0d7;color:#4e693b;border:1px solid #d2e2bc;border-radius:9px;font-size:.875rem;margin-bottom:20px}.error-notice{background:#fff0ec;border-color:#edc9bd;color:#934d36}.spinner{width:17px;height:17px;display:inline-block;border:2px solid #acbe97;border-top-color:#476237;border-radius:50%;animation:spin .8s linear infinite}.editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.editor-toolbar>div{display:flex;align-items:center;gap:12px}.toolbar-actions{display:flex;gap:10px}.editor-grid{display:grid;grid-template-columns:230px minmax(200px,1fr) 190px;gap:20px;align-items:start}.editor-controls{padding:20px}.divider{height:1px;background:var(--line);margin:22px 0}.canvas-area{background:#e8ece3;border:1px solid #dce3d4;border-radius:12px;padding:20px;min-height:410px}.canvas-meta{display:flex;justify-content:space-between;gap:10px;font-size:.65rem;color:#809070;margin-bottom:42px}.canvas-hint{text-align:center;font-size:.65rem;margin-top:30px}#stage{width:100%;touch-action:none;box-shadow:0 9px 18px #23351e12}#stage [data-layer]{cursor:move}#stage text:hover{filter:drop-shadow(0 0 2px #b5df7c)}.versions-panel .panel-heading{margin:2px 0 14px}.versions-panel h2{font-size:.875rem}.versions-panel>p{font-size:.75rem}.version{display:flex;text-align:left;gap:10px;align-items:center;width:100%;border:1px solid #dfe6d7;border-radius:8px;background:white;padding:12px 9px;margin-bottom:9px}.version.active{border-color:#9dba7d;background:#f4f9eb}.version>span{font-size:.7rem;background:#e5eddb;padding:7px;border-radius:5px;color:#648342}.version strong{font-size:.7rem;display:block}.version small{font-size:.65rem;color:#89977e;display:block;margin-top:5px}.wallet-summary{background:var(--ink);border-radius:15px;padding:32px;color:#c9d7bb;margin-bottom:30px;display:flex;align-items:center;justify-content:space-between;gap:25px}.wallet-summary>div>span{font-size:.875rem}.wallet-summary strong{display:block;color:var(--lime);font-size:3.5rem;letter-spacing:-.05em;margin-top:12px}.wallet-summary strong small{font-size:1.1rem;letter-spacing:0}.wallet-summary p{font-size:.875rem;margin:0}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:.875rem}th{text-align:left;color:#90a080;font-weight:400;font-size:.75rem;padding:14px 16px;background:#f6f8f2}td{padding:18px 16px;border-bottom:1px solid #e9ede3;line-height:1.5;vertical-align:top}tr:last-child td{border:0}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.catalog-card{display:flex;flex-direction:column;align-items:start}.catalog-card .eyebrow{font-size:.625rem}.catalog-card p{flex:1}.catalog-card h2{font-size:1.15rem}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px}.admin-stats>div{background:white;border:1px solid var(--line);border-radius:12px;padding:24px}.admin-stats span{display:block;font-size:.875rem;color:#8a997e}.admin-stats strong{font-size:2.5rem;letter-spacing:-.06em;display:block;margin-top:10px}.admin-stats small{font-size:1rem;letter-spacing:0}.tabs{display:flex;gap:6px;margin-bottom:22px;overflow:auto}.tabs button{font-size:.875rem;border:0;background:transparent;color:#839175;padding:13px 18px;white-space:nowrap;border-radius:8px}.tabs button.active{color:white;background:var(--ink)}.actions{white-space:nowrap}.actions button{margin-right:14px}.audit-details{font-family:monospace;font-size:.75rem;max-width:420px;overflow-wrap:anywhere}.auth-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-story{background:var(--ink);color:white;padding:42px 8%;display:flex;flex-direction:column;min-height:100vh}.auth-message{margin:auto 0;max-width:530px;padding:60px 0}.auth-message .eyebrow{font-size:.625rem;letter-spacing:.17em;color:#92a583}.auth-message h1{font-size:clamp(2.3rem,4.2vw,4.5rem);line-height:1.05;margin-bottom:23px}.auth-message em{color:var(--lime);font-family:Georgia,serif;font-weight:400}.auth-message>p{font-size:1rem;color:#9bad93;line-height:1.6}.auth-sample{margin-top:45px;border:1px solid #597446;border-radius:10px;background:#233e2d;padding:27px 30px;transform:rotate(-3deg);max-width:440px;box-shadow:14px 14px 0 #0b1e14}.auth-sample>span{font-size:.625rem;letter-spacing:.1em;color:#7e9e67}.auth-sample strong{display:block;font-size:2.6rem;line-height:1;letter-spacing:-.06em;margin:30px 0;position:relative;color:#daebbc}.auth-sample strong>span{position:absolute;right:0;bottom:0;color:var(--lime);font-size:3rem}.auth-sample>div{font-size:.625rem;letter-spacing:.1em;color:#8da672}.auth-foot{font-size:.75rem;color:#78916b}.auth-panel{background:#fbfcf9;display:flex;justify-content:center;align-items:center;padding:50px 10%}.auth-form-wrap{width:100%;max-width:420px}.auth-form-wrap>h2{font-size:2rem;line-height:1.2;letter-spacing:-.04em}.auth-form-wrap .eyebrow{font-size:.625rem}.auth-form-wrap>p.muted{font-size:.875rem}.auth-tabs{display:flex;border-bottom:1px solid var(--line);margin:30px 0 23px}.auth-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:12px 24px;color:#99a68f;flex:1;font-size:.875rem}.auth-tabs button.active{border-bottom-color:var(--ink);color:var(--ink);font-weight:700}.separator{display:flex;align-items:center;gap:15px;color:#a2af98;font-size:.75rem;margin:23px 0}.separator:before,.separator:after{content:'';height:1px;background:var(--line);flex:1}.socials{display:flex;gap:10px}.social{border:1px solid #dce3d5;border-radius:8px;flex:1;text-align:center;padding:12px 5px;font-size:.875rem}.social.disabled{color:#94a089;background:#f5f7f0;cursor:default}.auth-form-wrap>.tiny{font-size:.7rem;margin-top:15px}.auth-note{padding-top:17px;border-top:1px solid var(--line)}dialog{border:1px solid #d7dfcf;border-radius:18px;max-width:490px;width:calc(100% - 32px);padding:28px;box-shadow:0 20px 100px #12261822;color:var(--ink)}dialog::backdrop{background:#0a1b1366;backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:23px}.dialog-head h2{margin:0;font-size:1.3rem}.quote-total{display:flex;align-items:center;justify-content:space-between;background:#ecf4df;border-radius:10px;padding:22px;margin:25px 0}.quote-total strong{font-size:2rem;letter-spacing:-.05em}.quote-total strong small{font-size:.875rem;letter-spacing:0}.summary-row{display:flex;align-items:center;justify-content:space-between;font-size:.875rem;margin:17px 0;color:#718263}.check-label{display:flex;gap:13px;font-size:.875rem;line-height:1.5;margin:24px 0}.check-label input{margin-top:4px;accent-color:var(--ink);width:18px;height:18px;flex:none}.download-format{display:flex;align-items:center;gap:18px;background:#f3f7eb;padding:20px;border-radius:10px}.download-format>span{font-size:2rem}.download-format p{margin:5px 0 0}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#193c29;color:#ecf7e2;border:1px solid #537842;border-radius:10px;box-shadow:0 6px 25px #18311925;padding:16px 22px;z-index:100;max-width:calc(100vw - 30px);font-size:.875rem;line-height:1.5;opacity:0;pointer-events:none;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}#toast.error{background:#6e3426;border-color:#b9705d}.loading,.boot{padding:70px;color:#829275;text-align:center}.boot{font-size:2rem;letter-spacing:.1em}.boot span{display:block;font-size:.875rem;letter-spacing:0;margin-top:20px}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1550px){.studio-grid{grid-template-columns:1fr 1.2fr .7fr}.editor-grid{grid-template-columns:260px minmax(250px,1fr) 220px}.canvas-area{padding:30px}}
@media(max-width:1200px){.sidebar{width:210px;padding:26px 16px}.main-shell{margin-left:210px}.topbar{padding:0 26px}main{padding:32px 26px}.studio-grid{grid-template-columns:minmax(200px,.9fr) minmax(280px,1.3fr)}.help-panel{grid-column:1/-1;display:none}.editor-grid{grid-template-columns:210px minmax(200px,1fr)}.versions-panel{grid-column:1/-1}.versions-panel #versions-list{display:flex;gap:9px}.version{width:auto;flex:1}.editor-controls{padding:18px}.canvas-area{padding:17px}.project-grid,.catalog-grid{grid-template-columns:repeat(2,1fr)}.home-grid{gap:17px}.start-card{padding:24px}.feature-card{padding:26px}.sample-type{font-size:3rem}}
@media(max-width:900px){.sidebar{width:78px;padding:24px 10px}.brand{font-size:0;gap:0;justify-content:center}.brand-mark{font-size:1.5rem}.brand-dot,.workspace-label,.side-note,.profile div,.profile button{display:none}.sidebar .new-project{font-size:0;padding:12px;min-height:43px;margin-top:30px}.sidebar .new-project:before{content:'＋';font-size:1.5rem}.sidebar nav a{font-size:0;justify-content:center;padding:14px 5px}.nav-icon{font-size:1.5rem}.profile{margin-top:auto;justify-content:center}.main-shell{margin-left:78px}.auth-story .brand{font-size:1.3rem;justify-content:flex-start;gap:12px}.auth-message h1{font-size:2.8rem}.auth-sample strong{font-size:2.2rem}.auth-panel{padding:35px 8%}.topbar{height:72px}.local-chip{display:none}.directions{gap:12px}.directions>div{font-size:.75rem;grid-template-columns:20px 1fr}.home-grid{grid-template-columns:1fr}.feature-card{min-height:270px}.sample-type{font-size:2.9rem;line-height:.95}.feature-card .sample-type br:nth-child(2){display:none}.feature-bottom{margin-top:-25px}.feature-bottom>span{max-width:180px}.auth-story{padding:30px}.admin-stats>div{padding:18px}.admin-stats span{font-size:.75rem}}
@media(max-width:620px){.sidebar{position:static;width:100%;height:auto;padding:14px 18px;display:grid;grid-template-columns:1fr auto;gap:15px}.sidebar .brand{font-size:1.1rem;justify-content:flex-start;gap:8px}.sidebar .brand-mark{width:27px;height:28px;font-size:1.2rem}.sidebar .new-project{font-size:.75rem;margin:0;min-height:36px;padding:8px 12px}.sidebar .new-project:before{display:none}.sidebar nav{grid-column:1/-1;flex-direction:row;gap:2px;justify-content:space-between}.sidebar nav a{font-size:.65rem;padding:7px;display:flex;flex-direction:column;gap:4px;border-radius:6px;flex:1;text-align:center}.nav-icon{font-size:1.1rem;line-height:1.1}.profile{display:none}.main-shell{margin:0}.topbar{padding:0 19px;height:59px;gap:10px;font-size:.75rem}.coin-chip{font-size:.75rem;padding:8px 11px}.top-actions{gap:0}main{padding:28px 18px}.page-heading{margin-bottom:23px;align-items:flex-start;flex-direction:column;gap:17px}.page-heading h1{font-size:2rem}.page-heading p{font-size:.875rem}.page-heading .eyebrow{font-size:.6rem}.home-grid{gap:17px}.start-card{padding:22px}.start-card h2{font-size:1.45rem}.step-caption{margin-bottom:18px}.drop-zone{min-height:164px;padding:17px 10px}.feature-card{padding:23px;min-height:245px}.sample-type{font-size:2.65rem}.feature-bottom{margin-top:0}.feature-bottom>span{font-size:.7rem}.section-heading h2{font-size:1rem}.section-heading>a{font-size:.7rem}.directions{grid-template-columns:1fr;gap:20px}.directions>div{font-size:.875rem;grid-template-columns:25px 1fr}.project-grid,.catalog-grid{grid-template-columns:1fr}.project-cover{height:200px}.studio-grid{grid-template-columns:1fr}.source-image{max-height:220px}.material-panel,.settings-panel{padding:21px}.flow-strip span{padding:12px 8px;text-align:center;font-size:.6rem}.editor-grid{grid-template-columns:1fr;gap:18px}.editor-controls{order:2}.canvas-area{order:1;min-height:260px;padding:16px}.versions-panel{order:3}.versions-panel #versions-list{overflow:auto}.version{min-width:140px}.editor-toolbar{flex-direction:column;align-items:stretch}.editor-toolbar>div{justify-content:space-between}.toolbar-actions .btn{flex:1;padding:12px;font-size:.75rem}.canvas-meta{margin-bottom:25px}.canvas-hint{margin-top:22px}.wallet-summary{display:block;padding:24px}.wallet-summary p{margin-top:24px}.wallet-summary strong{font-size:3.5rem}.panel{padding:20px}.panel-heading{margin-bottom:15px}td,th{padding:12px;font-size:.75rem}.admin-stats{gap:9px}.admin-stats>div{padding:13px 10px}.admin-stats span{font-size:.625rem}.admin-stats strong{font-size:1.7rem}.admin-stats small{font-size:.7rem}.tabs button{padding:10px 12px;font-size:.75rem}.auth-page{display:block}.auth-story{min-height:unset;padding:25px}.auth-story .brand{font-size:1.2rem}.auth-message{padding:35px 0 10px;margin:0}.auth-message h1{font-size:2.65rem}.auth-message>p{font-size:.875rem;margin-bottom:0}.auth-message .eyebrow{display:none}.auth-sample,.auth-foot{display:none}.auth-panel{padding:32px 25px 45px}.auth-form-wrap>h2{font-size:1.65rem}.auth-form-wrap>h2 br{display:none}.auth-form-wrap>.eyebrow{display:none}.auth-tabs{margin-top:25px}.auth-form-wrap>p.muted{font-size:.75rem}footer{padding:20px;font-size:.625rem}.check-label{font-size:.8rem}dialog{padding:23px}.dialog-head h2{font-size:1.2rem}#toast{bottom:15px;width:calc(100vw - 30px)}.auth-panel label,.studio-grid label,.editor-controls label{font-size:.875rem}input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:1rem}.home-grid .drop-zone>span:not(.upload-icon){font-size:.75rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Project actions stay separate from the link to the editor. */
.project-card{display:flex;flex-direction:column;min-width:0}
.project-open{display:block;flex:1;min-width:0}
.project-card-actions{display:flex;justify-content:flex-end;border-top:1px solid var(--line);padding:6px 12px}
.project-delete{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 12px;border:1px solid transparent;border-radius:9px;background:transparent;color:#9c3f3b;font-size:15px;flex-shrink:0}
.project-delete svg{width:20px;height:20px;flex:none}
.project-delete:hover:not(:disabled){background:#fff1ef;border-color:#edc7c3}
.page-heading:has(>.project-delete){flex-wrap:wrap;gap:12px}
.page-heading>div{min-width:0;max-width:100%}
.page-heading h1{overflow-wrap:anywhere}
.page-heading:has(>.project-delete)>div:first-child{flex:1;min-width:min(100%,230px)}
.delete-project-name{font-size:19px;font-weight:700;overflow-wrap:anywhere}
.delete-project-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:24px}
.delete-project-actions .btn{font-size:16px}
.btn.danger{background:#ab3933;color:white;border-color:#ab3933}
.btn.danger:hover:not(:disabled){background:#902c27}
#delete-project-error{color:#a5332e;overflow-wrap:anywhere}
@media(max-width:480px){.delete-project-actions{flex-direction:column-reverse}.delete-project-actions .btn{width:100%}}

.project-cover{overflow:hidden}
.project-cover img{display:block;min-width:0;min-height:0}

/* Expanded tool selection in the personal workspace. */
.feature-tools .eyebrow{color:#466142;line-height:1.6}.feature-tools .sample-type{font-size:clamp(32px,3.1vw,48px);line-height:1.1;overflow-wrap:anywhere}.feature-tools .feature-bottom{margin-top:0;align-items:stretch;flex-direction:column;gap:20px}.feature-tools .feature-bottom>span{max-width:none;font-size:14px;line-height:1.6}.feature-tools .feature-bottom .btn{width:100%;font-size:15px;min-height:50px}

@media(max-width:600px){.sidebar nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.sidebar nav a{min-width:0}}

/* Every project keeps the rest of the workshop within reach. */
.workspace-projects{border-top:1px solid #ded3eb;margin-top:48px;padding-top:30px}
.workspace-projects-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
.workspace-projects-heading h2{display:flex;align-items:center;gap:10px;font-size:23px;letter-spacing:-.025em;margin:0;color:#30223f}
.workspace-project-count{display:inline-grid;place-items:center;min-width:28px;min-height:28px;border-radius:9px;padding:3px 8px;background:#ece2fb;color:#7747b4;font-size:14px;letter-spacing:0}
.workspace-project-count:empty{display:none}
.workspace-projects-heading p{font-size:14px;color:#766581;line-height:1.6;margin:7px 0 0}
.workspace-projects-heading>.btn{flex:none;background:white;border-color:#ddcaed;color:#7040a0}
.workspace-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.workspace-project-card{display:block;min-width:0;overflow:hidden;border:1px solid #e2d6ee;border-radius:16px;background:white;color:#332540;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.workspace-project-card.is-current{border-color:#8d52c8;box-shadow:0 0 0 1px #8d52c8}
.workspace-project-card:focus-visible{outline:3px solid #6f3bc0;outline-offset:4px}
.workspace-project-preview{height:180px;position:relative;display:grid;place-items:center;overflow:hidden;background:#f1eafa}
.workspace-project-preview img{display:block;width:100%;height:100%;min-height:0;object-fit:contain}
.workspace-project-placeholder{font-size:48px;color:#b293d3;font-weight:400}
.workspace-project-badge{position:absolute;left:12px;top:12px;max-width:calc(100% - 24px);border-radius:9px;padding:6px 10px;background:#ffffffed;color:#655172;font-size:12px;line-height:1.4;box-shadow:0 2px 8px #39205010}
.is-current .workspace-project-badge{background:#7c48b6;color:white}
.workspace-project-info{padding:16px;display:grid;grid-template-columns:minmax(0,1fr) 18px;gap:8px 10px}
.workspace-project-info strong{font-size:15px;line-height:1.5;overflow-wrap:anywhere}
.workspace-project-info>span{font-size:19px;color:#8758b8}
.workspace-project-info small{grid-column:1/-1;color:#7e6b8d;font-size:12px;line-height:1.5}
.workspace-projects-error{display:flex;align-items:center;gap:16px;flex-wrap:wrap;color:#766581}
.workspace-projects-error p{margin:0}
@media(hover:hover) and (pointer:fine){:root:not(.motion-disabled) .workspace-project-card:hover{transform:translateY(-3px);border-color:#a97bd3;box-shadow:0 9px 22px #63388119}}
@media(max-width:1100px){.workspace-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.workspace-projects{margin-top:36px;padding-top:24px}.workspace-projects-heading{align-items:flex-start;flex-direction:column;gap:14px}.workspace-projects-heading h2{font-size:21px}.workspace-project-grid{grid-template-columns:1fr}.workspace-project-preview{height:200px}}
@media(prefers-reduced-motion:reduce){.workspace-project-card{transition:none!important;transform:none!important}}

/* Project titles may wrap without shifting dates and actions in the row. */
@supports(grid-template-rows:subgrid){
 .workspace-project-grid>.workspace-project-card{display:grid;grid-template-rows:subgrid;grid-row:span 3;row-gap:0}
 .workspace-project-card>.workspace-project-info{grid-template-rows:subgrid;grid-row:2 / span 2;row-gap:8px}
 .project-grid>.project-card{display:grid;grid-template-rows:subgrid;grid-row:span 4;row-gap:0}
 .project-card>.project-open{display:grid;grid-template-rows:subgrid;grid-row:1 / span 3;row-gap:0}
 .project-open>.project-meta{display:grid;grid-template-rows:subgrid;grid-row:2 / span 2;row-gap:8px}
 .project-card>.project-card-actions{grid-row:4}
}

/* Readable manual top-up links on the dark balance panel. */
.wallet-summary .text-btn{color:var(--lime);text-decoration:underline;text-underline-offset:3px}
.wallet-summary #wallet-topup{margin-top:16px}

.backup-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}

.auth-error{margin:14px 0 0;padding:14px 16px;border:1px solid #e9c1ae;border-radius:12px;background:#fff4ee;color:#782d18;font-size:.875rem;line-height:1.6;overflow-wrap:anywhere}.auth-error[hidden]{display:none}
.auth-captcha{margin:16px 0;min-width:0}
.auth-captcha [data-captcha-widget]{margin:10px 0;min-height:65px;max-width:100%}
.auth-captcha p{margin:8px 0}
[data-verify-resend],[data-verify-refresh]{margin-top:12px}
.auth-form-wrap .auth-verification-notice{display:block}
.auth-verification-notice p{width:100%;margin:8px 0;overflow-wrap:anywhere}
body:has(#app[data-surface="auth"]) #idea-assistant{display:none}
.auth-form-wrap{overflow-wrap:anywhere}