:root{--mint-900: #103f36;--mint-700: #217a5e;--mint-500: #42bf8b;--mint-100: #e8f8f0;--lime-400: #c8e84a;--blue-500: #3184b8;--amber-500: #d79827;--coral-500: #d95858;--studio-canvas: #f4f6f5;--studio-surface: #ffffff;--studio-border: #dce5e1;--studio-muted: #5f6f69;--studio-ink: #17221f;--studio-shadow: 0 1px 2px rgb(16 63 54 / 6%), 0 10px 28px rgb(16 63 54 / 7%)}*{box-sizing:border-box}html{background:var(--studio-canvas)}body{margin:0;color:var(--studio-ink);background:radial-gradient(circle at 94% 8%,rgb(66 191 139 / 8%),transparent 28rem),var(--studio-canvas)}button,input,select,textarea{font:inherit}:focus-visible{outline:3px solid rgb(49 132 184 / 38%);outline-offset:2px}.studio-page{width:min(100%,1180px);margin:0 auto;padding:24px 20px 48px}.studio-page--wide{width:min(100%,1320px)}.studio-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:20px}.studio-header__eyebrow{margin:0 0 5px;color:var(--mint-700);font-size:.72rem;font-weight:750;letter-spacing:.09em;text-transform:uppercase}.studio-header h1{margin:0;color:var(--mint-900);font-size:clamp(1.7rem,3vw,2.35rem);line-height:1.08;letter-spacing:-.035em}.studio-header__description{max-width:720px;margin:9px 0 0;color:var(--studio-muted);font-size:.98rem;line-height:1.55}.studio-header__actions,.studio-actions,.studio-inline{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.studio-actions--end{justify-content:flex-end}.studio-download-link{display:inline-flex;min-height:32px;align-items:center;justify-content:center;padding:0 12px;border:1px solid var(--studio-border);border-radius:8px;background:#fff;color:var(--mint-900);cursor:pointer;font:inherit;font-weight:650;line-height:1;text-decoration:none}.studio-download-link:hover{border-color:var(--mint-500);background:var(--mint-050)}.studio-download-link:disabled{cursor:wait;opacity:.65}.studio-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.studio-span-12{grid-column:span 12}.studio-span-8{grid-column:span 8}.studio-span-7{grid-column:span 7}.studio-span-6{grid-column:span 6}.studio-span-5{grid-column:span 5}.studio-span-4{grid-column:span 4}.studio-panel{min-width:0;padding:20px;border:1px solid var(--studio-border);border-radius:16px;background:var(--studio-surface);box-shadow:var(--studio-shadow)}.studio-panel--mint{border-color:#cbe9dc;background:linear-gradient(135deg,#e8f8f0f0,#fffffffa)}.studio-panel--dark{color:#f8fffc;border-color:var(--mint-900);background:radial-gradient(circle at 90% 0,rgb(200 232 74 / 18%),transparent 15rem),var(--mint-900)}.studio-panel--flat{box-shadow:none}.studio-panel--danger{border-color:#d9585859;background:snow;box-shadow:none}.studio-panel__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.studio-panel h2,.studio-panel h3,.studio-panel h4{margin:0;color:var(--mint-900);letter-spacing:-.018em}.studio-panel--dark h2,.studio-panel--dark h3,.studio-panel--dark h4{color:#fff}.studio-panel h2{font-size:1.12rem}.studio-panel h3{font-size:.98rem}.studio-panel p{line-height:1.5}.studio-muted{color:var(--studio-muted)}.studio-panel--dark .studio-muted{color:#cce2da}.studio-kicker{margin:0 0 4px;color:var(--mint-700);font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.studio-tabs{display:flex;gap:4px;width:fit-content;max-width:100%;margin:0 0 18px;padding:4px;overflow-x:auto;border:1px solid var(--studio-border);border-radius:12px;background:#eef2f0}.studio-tab{flex:none;min-height:36px;padding:8px 14px;color:#45524e;border:0;border-radius:8px;background:transparent;font-weight:650;text-decoration:none;cursor:pointer;transition:color .16s ease,background .16s ease,box-shadow .16s ease}.studio-tab:hover{color:var(--mint-900);background:#ffffffa6}.studio-tab[aria-current=page],.studio-tab[aria-selected=true]{color:var(--mint-900);background:#fff;box-shadow:0 1px 3px #103f361f}.studio-type-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.studio-type-card{position:relative;display:flex;min-height:144px;flex-direction:column;justify-content:space-between;padding:16px;color:var(--studio-ink);border:1px solid var(--studio-border);border-radius:14px;background:#fff;text-decoration:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.studio-type-card:hover{border-color:var(--mint-500);box-shadow:0 10px 24px #103f361a;transform:translateY(-2px)}.studio-type-card[aria-disabled=true]{opacity:.54;pointer-events:none}.studio-type-card__icon{display:grid;width:42px;height:42px;place-items:center;color:var(--mint-900);border-radius:12px;background:var(--mint-100);font-weight:800}.studio-type-card h3{margin:16px 0 4px;color:var(--mint-900);font-size:.96rem}.studio-type-card p{margin:0;color:var(--studio-muted);font-size:.82rem;line-height:1.4}.studio-list{display:grid;gap:9px}.studio-list-row{display:grid;grid-template-columns:minmax(210px,1.8fr) repeat(3,minmax(100px,.7fr)) auto;align-items:center;gap:14px;min-width:0;padding:13px 14px;border:1px solid var(--studio-border);border-radius:12px;background:#fff;transition:border-color .16s ease,background .16s ease}.studio-list-row:hover{border-color:#b8d8cc;background:#fbfefc}.studio-list-row__title{min-width:0}.studio-list-row__title a{display:block;overflow:hidden;color:var(--mint-900);font-weight:700;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.studio-list-row__title span,.studio-list-row__meta{color:var(--studio-muted);font-size:.78rem}.studio-tile{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;padding:12px;border:1px solid var(--studio-border);border-radius:13px;background:#fff}.studio-tile--selected{border-color:var(--mint-500);box-shadow:inset 3px 0 0 var(--mint-500)}.studio-tile__image,.studio-tile__placeholder{display:grid;width:54px;height:54px;place-items:center;overflow:hidden;border-radius:10px;background:var(--mint-100)}.studio-tile__image img{width:100%;height:100%;object-fit:cover}.studio-tile__placeholder{color:var(--mint-700);font-size:1.15rem;font-weight:800}.studio-tile__body{min-width:0}.studio-tile__body strong{display:block;overflow:hidden;color:var(--mint-900);font-size:.9rem;text-overflow:ellipsis;white-space:nowrap}.studio-tile__meta{display:flex;flex-wrap:wrap;gap:5px 10px;margin-top:3px;color:var(--studio-muted);font-size:.76rem}.studio-tile__actions{display:flex;align-items:center;gap:6px}.studio-icon-button{display:grid;width:34px;height:34px;place-items:center;color:var(--mint-900);border:1px solid var(--studio-border);border-radius:9px;background:#fff;cursor:pointer}.studio-icon-button:hover{border-color:var(--mint-500);background:var(--mint-100)}.studio-connector{position:relative;display:grid;min-height:50px;place-items:center;color:var(--mint-700);font-size:.75rem;font-weight:750;letter-spacing:.05em;text-transform:uppercase}.studio-connector:before{position:absolute;inset:0 50% auto;width:2px;height:100%;content:"";background:linear-gradient(var(--mint-500),var(--lime-400))}.studio-connector span{z-index:1;padding:4px 9px;border:1px solid #cbe9dc;border-radius:999px;background:var(--mint-100)}.studio-recipe{display:grid;gap:10px}.studio-recipe__line{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #edf1ef}.studio-recipe__line:last-child{border:0}.studio-recipe__quantity{display:grid;width:28px;height:28px;place-items:center;color:var(--mint-900);border-radius:8px;background:var(--mint-100);font-size:.78rem;font-weight:750}.studio-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}.studio-rail__step{position:relative;padding:11px 12px 11px 35px;color:var(--studio-muted);border:1px solid var(--studio-border);border-radius:10px;background:#f8faf9;font-size:.79rem;font-weight:650}.studio-rail__step:before{position:absolute;top:50%;left:12px;width:12px;height:12px;border:2px solid #b7c6c1;border-radius:50%;content:"";transform:translateY(-50%)}.studio-rail__step[data-state=complete]{color:var(--mint-900);border-color:#b7e2d0;background:var(--mint-100)}.studio-rail__step[data-state=complete]:before{border-color:var(--mint-500);background:var(--mint-500);box-shadow:inset 0 0 0 3px var(--mint-100)}.studio-rail__step[data-state=current]{color:var(--mint-900);border-color:var(--lime-400);background:#fbffe9}.studio-rail__step[data-state=current]:before{border-color:var(--lime-400);background:var(--mint-900)}.studio-sync{display:grid;gap:14px}.studio-sync__state{display:flex;align-items:flex-start;gap:10px}.studio-sync__dot{flex:none;width:10px;height:10px;margin-top:5px;border-radius:50%;background:#a7b2ae;box-shadow:0 0 0 4px #edf1ef}.studio-sync__dot[data-tone=success]{background:var(--mint-500);box-shadow:0 0 0 4px var(--mint-100)}.studio-sync__dot[data-tone=warning]{background:var(--amber-500);box-shadow:0 0 0 4px #fff4df}.studio-sync__dot[data-tone=critical]{background:var(--coral-500);box-shadow:0 0 0 4px #ffebeb}.studio-progress{height:9px;overflow:hidden;border-radius:999px;background:#e5ebe8}.studio-progress__bar{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--mint-900),var(--mint-500));transition:width .22s ease}.studio-progress__bar[data-over=true]{background:linear-gradient(90deg,var(--amber-500),var(--coral-500))}.studio-usage__labels{display:flex;justify-content:space-between;gap:12px;margin-bottom:7px;color:var(--studio-muted);font-size:.78rem}.studio-money{min-height:130px;padding:17px;border:1px solid var(--studio-border);border-radius:14px;background:#fff}.studio-money__label{margin:0;color:var(--studio-muted);font-size:.78rem;font-weight:650}.studio-money__value{margin:9px 0 4px;color:var(--mint-900);font-size:clamp(1.55rem,3vw,2rem);font-weight:750;letter-spacing:-.04em}.studio-money__hint{margin:0;color:var(--studio-muted);font-size:.75rem}.studio-bar-list{display:grid;gap:14px}.studio-bar-row{display:grid;grid-template-columns:minmax(130px,.8fr) minmax(150px,2fr) auto;align-items:center;gap:12px}.studio-bar-row__track{height:10px;overflow:hidden;border-radius:999px;background:#e7ecea}.studio-bar-row__fill{height:100%;min-width:3px;border-radius:inherit;background:linear-gradient(90deg,var(--mint-500),var(--lime-400))}.studio-library{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:520px;overflow:auto;padding-right:3px}.studio-composer{display:grid;grid-template-columns:minmax(270px,.82fr) minmax(360px,1.18fr) minmax(250px,.72fr);align-items:start;gap:16px}.studio-composer .studio-library{grid-template-columns:minmax(0,1fr)}.studio-composer__column{min-width:0}.studio-composer__sticky{position:sticky;top:16px}.studio-lane{display:grid;gap:10px;padding:14px;border:1px dashed #aed6c7;border-radius:14px;background:#fbfefc}.studio-lane+.studio-lane{margin-top:12px}.studio-lane__head{display:grid;grid-template-columns:minmax(100px,1fr) repeat(2,78px) auto;align-items:end;gap:8px}.studio-field,.studio-select{width:100%;min-height:38px;padding:8px 10px;color:var(--studio-ink);border:1px solid #b9c7c2;border-radius:9px;background:#fff}.studio-field-label{display:grid;gap:5px;color:#35433f;font-size:.78rem;font-weight:650}.studio-empty{display:grid;min-height:180px;place-items:center;padding:28px;text-align:center;border:1px dashed #b9cbc4;border-radius:14px;background:#fbfdfc}.studio-empty__mark{display:grid;width:52px;height:52px;margin:0 auto 12px;place-items:center;color:var(--mint-900);border-radius:16px;background:var(--mint-100);font-size:1.25rem;font-weight:800}.studio-alert{padding:12px 14px;color:#33423d;border:1px solid #b8dfcf;border-radius:10px;background:var(--mint-100);line-height:1.45}.studio-alert--warning{border-color:#eed6a8;background:#fff8e9}.studio-alert--critical{color:#672c2c;border-color:#efc3c3;background:#fff1f1}.studio-alert--info{border-color:#bfd8e8;background:#eef7fc}.studio-steps{position:relative;display:grid;gap:0}.studio-step{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:15px;padding:0 0 28px}.studio-step:last-child{padding-bottom:0}.studio-step:before{position:absolute;top:42px;bottom:0;left:21px;width:2px;content:"";background:var(--studio-border)}.studio-step:last-child:before{display:none}.studio-step__number{z-index:1;display:grid;width:44px;height:44px;place-items:center;color:var(--mint-900);border:2px solid #bad8cc;border-radius:14px;background:#fff;font-weight:800}.studio-step[data-complete=true] .studio-step__number{color:#fff;border-color:var(--mint-500);background:var(--mint-900)}.studio-step__content{min-width:0;padding-top:2px}.studio-step__content h3{margin:0 0 5px;color:var(--mint-900);font-size:1rem}.studio-step__content p{margin:0 0 10px;color:var(--studio-muted);line-height:1.5}.studio-preview{overflow:hidden;border:1px solid var(--studio-border);border-radius:15px;background:#fff}.studio-preview__image{display:grid;min-height:150px;place-items:center;color:#5b7169;background:linear-gradient(135deg,#e8f8f0cc,#f4f6f5cc),repeating-linear-gradient(-45deg,transparent,transparent 10px,rgb(16 63 54 / 3%) 10px,rgb(16 63 54 / 3%) 20px)}.studio-preview__body{padding:18px}.studio-preview__body h3{margin:0 0 7px}.studio-preview__button{width:100%;margin-top:14px;padding:11px 14px;color:#fff;border:0;border-radius:9px;background:var(--preview-accent, var(--mint-500));font-weight:750}.studio-color-row{display:flex;flex-wrap:wrap;gap:8px}.studio-swatch{width:34px;height:34px;border:2px solid #fff;border-radius:10px;background:var(--swatch);box-shadow:0 0 0 1px #b8c7c2;cursor:pointer}.studio-swatch[aria-pressed=true]{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--blue-500)}.studio-price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.studio-price-card{display:flex;min-width:0;flex-direction:column;padding:22px;border:1px solid var(--studio-border);border-radius:16px;background:#fff;box-shadow:var(--studio-shadow)}.studio-price-card--current{border-color:var(--mint-500);box-shadow:inset 0 3px 0 var(--mint-500),var(--studio-shadow)}.studio-price-card h2{margin:0;color:var(--mint-900)}.studio-price-card__price{margin:12px 0 3px;color:var(--mint-900);font-size:1.65rem;font-weight:800}.studio-price-card ul{flex:1;margin:18px 0;padding-left:19px;color:#45534f;line-height:1.8}.studio-technical{margin-top:14px;border-top:1px solid var(--studio-border)}.studio-technical summary{padding:12px 0 4px;color:var(--studio-muted);font-size:.78rem;font-weight:650;cursor:pointer}.studio-technical pre{max-height:260px;overflow:auto;padding:12px;color:#d8f5e9;border-radius:10px;background:#15352e;font-size:.72rem;white-space:pre-wrap;word-break:break-word}.studio-mobile-tabs{display:none}@media(max-width:960px){.studio-span-8,.studio-span-7,.studio-span-6,.studio-span-5,.studio-span-4{grid-column:span 12}.studio-type-grid,.studio-price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-composer{grid-template-columns:minmax(0,1fr)}.studio-composer__sticky{position:static}}@media(max-width:640px){.studio-page{padding:16px 12px 32px}.studio-header{display:grid;gap:14px}.studio-header__actions{width:100%}.studio-panel{padding:16px;border-radius:13px}.studio-type-grid,.studio-price-grid,.studio-library{grid-template-columns:minmax(0,1fr)}.studio-list-row{grid-template-columns:minmax(0,1fr) auto;gap:7px 10px}.studio-list-row__meta{grid-column:1}.studio-list-row>:nth-child(4){display:none}.studio-rail{grid-template-columns:minmax(0,1fr)}.studio-bar-row{grid-template-columns:minmax(0,1fr) auto}.studio-bar-row__track{grid-column:1 / -1;grid-row:2}.studio-lane__head{grid-template-columns:minmax(0,1fr) repeat(2,68px)}.studio-lane__head>:last-child{grid-column:1 / -1}.studio-step{grid-template-columns:42px minmax(0,1fr)}.studio-step__number{width:40px;height:40px}.studio-step:before{top:38px;left:19px}.studio-step>:last-child{grid-column:2}.studio-mobile-tabs{display:flex;position:sticky;z-index:5;top:0;margin-bottom:12px;padding:5px;border:1px solid var(--studio-border);border-radius:12px;background:#f4f6f5f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.studio-mobile-tabs a{flex:1;padding:8px;color:var(--mint-900);border-radius:8px;font-size:.78rem;font-weight:700;text-align:center;text-decoration:none}.studio-tile{grid-template-columns:46px minmax(0,1fr)}.studio-tile__image,.studio-tile__placeholder{width:46px;height:46px}.studio-tile__actions{grid-column:1 / -1;justify-content:flex-end}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}