.studio{--ink:#202a32;--muted:#747c83;--accent:#315f51;--line:#e2e7e3;min-height:100vh;background:#fafbf8;color:var(--ink);color-scheme:light;font-family:QD Hind,system-ui,sans-serif;font-size:16px;line-height:1.5}.studio *{box-sizing:border-box}.studio button,.studio input,.studio select,.studio textarea{font:inherit}.studio a,.studio button,.studio label{-webkit-tap-highlight-color:transparent}.studio button{cursor:pointer}.studio button:disabled{opacity:.45;cursor:not-allowed}.studio a{text-decoration:none;color:inherit}.studio a:focus-visible,.studio button:focus-visible,.studio input:focus-visible,.studio select:focus-visible,.studio textarea:focus-visible{outline:3px solid #8dad9d;outline-offset:3px}.studio-shell{max-width:1080px;margin:auto;padding:0 36px}.studio-header{justify-content:space-between;padding:26px 0;border-bottom:1px solid var(--line)}.brand,.studio-header{display:flex;align-items:center}.brand{gap:12px;font-size:22px;line-height:1.15}.brand b{font-weight:400;color:#758379}.brand small{display:block;font-size:11px;letter-spacing:.03em;color:var(--muted);margin-top:7px}.brand-icon{display:grid;place-items:center;background:var(--accent);color:white;width:43px;height:43px;border-radius:13px}.icon-button{display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:50%;background:white}.studio-intro{padding:38px 0 30px}.eyebrow{font-size:12px;color:var(--accent);letter-spacing:.04em}.studio h1{font-size:32px;line-height:1.3;font-weight:600;margin:9px 0}.studio p{margin:0;color:var(--muted)}.studio h2{font-size:20px;font-weight:600;margin:0}.create-layout{display:grid;grid-template-columns:1fr 1fr;gap:52px}.section-label{display:flex;align-items:center;gap:12px;margin-bottom:20px}.section-label>span{color:#8a948b;font:11px system-ui;border:1px solid var(--line);border-radius:50%;width:26px;height:26px;display:grid;place-items:center}.category-tabs{display:flex;gap:7px;margin-bottom:20px}.category-tabs button{border:1px solid var(--line);background:transparent;border-radius:30px;padding:8px 16px;min-height:44px;color:#5b645f;font-size:14px}.category-tabs button[aria-pressed=true]{background:#e8eee7;color:var(--accent);border-color:#d8e1d6;font-weight:600}.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.template{position:relative;padding:3px;background:white;border:2px solid transparent;border-radius:12px;overflow:hidden}.template,.template img{display:block;width:100%}.template img{aspect-ratio:4/5;object-fit:cover;border-radius:7px}.template.selected{border-color:var(--accent)}.selected-badge{position:absolute;right:10px;top:10px;background:var(--accent);color:white;border:2px solid white;border-radius:50%;padding:3px}.template-caption{display:flex;align-items:center;justify-content:space-between;font-size:12px;gap:5px;margin-top:8px}.template-caption button{border:0;background:none;color:var(--accent);padding:8px 0;min-height:36px;white-space:nowrap}.template-note{display:flex;align-items:center;gap:7px;margin-top:18px!important;font-size:12px}.content-section{padding-left:30px;border-left:1px solid var(--line)}.upload-box{display:flex;align-items:center;gap:14px;min-height:86px;padding:15px;border:1px dashed #bdcbbf;border-radius:10px;cursor:pointer;background:#fff}.camera-link input,.upload-box input{position:absolute;width:1px;height:1px;opacity:0}.camera-link:focus-within,.upload-box:focus-within{outline:2px solid var(--accent)}.upload-box strong{font-weight:500;font-size:16px}.upload-box small{display:block;color:var(--muted);font-size:12px;overflow-wrap:anywhere}.upload-box img{width:50px;height:56px;object-fit:cover;border-radius:6px}.upload-icon{display:grid;place-items:center;color:var(--accent);background:#eef2eb;border-radius:9px;width:48px;height:48px;flex-shrink:0}.camera-link{display:flex;gap:6px;align-items:center;font-size:12px;color:var(--accent);cursor:pointer;width:fit-content;min-height:40px}.field-label{display:block;margin:14px 0 8px;font-weight:500}.studio textarea{display:block;width:100%;resize:vertical;min-height:134px;background:white;border:1px solid #d9dfd9;border-radius:9px;padding:14px;color:var(--ink);font-size:16px}.studio textarea::placeholder{color:#929a95}.field-help{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted);margin-top:7px}.checkbox{display:flex;align-items:center;gap:9px;margin:22px 0;cursor:pointer;font-size:14px;min-height:30px}.background-options input,.checkbox input{accent-color:var(--accent);width:17px;height:17px;flex-shrink:0}.checkbox span{margin-left:auto;color:#929a95;font-size:11px}.background-options{background:#eff3ed;padding:14px;border-radius:9px;display:grid;gap:12px;margin-bottom:20px;font-size:14px}.background-options>label{display:flex;align-items:center;gap:9px}.background-options small{color:var(--muted);font-size:12px}.upload-box.small{min-height:64px}.primary,.secondary{display:flex;align-items:center;justify-content:center;gap:10px;min-height:50px;width:100%;border-radius:9px;padding:12px 16px;font-size:16px;font-weight:500;border:1px solid var(--accent)}.studio .primary{background:var(--accent);color:white}.secondary{background:white;color:var(--accent)}.generate-button svg:last-child{margin-left:auto}.generate-button svg:first-child{margin-right:auto}.text-button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 0;border:0;background:none;color:var(--accent);font-size:14px}.studio-footer{gap:12px;padding:24px 0;margin-top:40px;border-top:1px solid var(--line);font-size:11px;color:#8a948c}.notice,.studio-footer{display:flex;justify-content:space-between}.notice{padding:14px;border:1px solid #e1d9b9;border-radius:9px;background:#fcf8e9;margin-bottom:20px;gap:10px;font-size:14px}.notice.error{background:#fff2ed;color:#a64629;border-color:#f1d4c8}.notice button{background:none;border:0}.result-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:40px}.result-preview{padding:12px;background:#e9ede5;border-radius:14px;display:flex;align-items:center;justify-content:center}.result-preview img{width:100%;height:auto;max-height:70vh;object-fit:contain;border-radius:5px}.result-actions{display:flex;flex-direction:column;gap:15px;padding-top:20px}.result-actions .muted{font-size:13px}.muted{color:var(--muted)}.edit-box{display:grid;gap:12px;padding:16px;background:#eff3ed;border-radius:10px}.edit-box small{font-size:12px;color:var(--muted)}.busy-overlay,.preview-modal{position:fixed;inset:0;background:#fafbf8ed;z-index:80;display:flex;align-items:center;justify-content:center;padding:20px}.busy-overlay>div{text-align:center}.busy-overlay svg{margin:0 auto 20px;color:var(--accent)}.busy-overlay p{margin-top:10px;font-size:14px}.spin{animation:studio-spin 1.3s linear infinite}@keyframes studio-spin{to{transform:rotate(1turn)}}.preview-modal{background:#17201de8}.preview-modal img{max-height:90vh;max-width:100%;object-fit:contain}.preview-modal>.icon-button{position:absolute;right:20px;top:20px}.empty{padding:25px 15px;background:#eff3ed;border-radius:10px;font-size:14px;color:var(--muted)}.admin-form{display:grid;gap:15px;max-width:650px}.studio input:not([type=file]):not([type=checkbox]):not([type=radio]),.studio select{width:100%;padding:11px;border:1px solid var(--line);border-radius:8px;background:white;color:var(--ink);min-height:46px}.admin-section{margin:30px 0;padding-bottom:25px;border-bottom:1px solid var(--line)}.admin-section h2{margin-bottom:16px}.admin-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid var(--line)}.admin-row img{width:60px;border-radius:5px}.admin-row button{width:auto}.admin-form input[type=file]{max-width:100%;font-size:13px}.admin-preview{max-height:380px;max-width:100%;object-fit:contain}.admin-form label{display:grid;gap:6px}.admin-form .checkbox{display:flex;margin:0}@media(max-width:700px){.studio-shell{padding:0 20px;max-width:460px}.studio-header{padding:20px 0}.brand{font-size:20px}.studio-intro{padding:25px 0}.studio h1{font-size:26px}.studio-intro p{font-size:13px}.create-layout,.result-layout{display:flex;flex-direction:column;gap:28px}.content-section{padding-left:0;border-left:0;border-top:1px solid var(--line);padding-top:24px}.section-label{margin-bottom:14px}.section-label h2{font-size:18px}.category-tabs{margin-bottom:14px}.category-tabs button{padding:8px 14px}.template-grid{gap:12px}.template-caption,.template-note{font-size:11px}.studio-footer{margin-top:28px;flex-wrap:wrap}.result-actions{padding-top:0}.result-preview img{max-height:65vh}.field-help{font-size:10px}.admin-row{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.spin{animation:none}}.client-select{display:grid;gap:6px;margin-bottom:16px}.admin-row select,.client-select select{max-width:100%;min-width:0;border:1px solid var(--line);border-radius:8px;background:white;padding:10px;min-height:44px}.admin-row select{width:170px}.category-tabs{flex-wrap:wrap}.category-tabs button{max-width:100%;overflow-wrap:anywhere}.admin-row{flex-wrap:wrap}