:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--bg:#f4f1eb;--bg-soft:#faf8f4;--surface:#fff;--surface-2:#f7f4ee;--surface-3:#f1ece4;--text:#1d1c1a;--text-soft:#5f5a54;--text-faint:#8a837a;--line:#ded6cb;--line-strong:#cfc4b4;--silver:#cfd3d8;--silver-dark:#8d949d;--charcoal:#1e1d1b;--local-accent:#d79227;--shadow:0 14px 40px #18161314;--shadow-soft:0 8px 24px #1816130f}*{box-sizing:border-box}html{background:var(--bg)}body{background:linear-gradient(180deg, #f8f6f2 0%, var(--bg) 100%);color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}.app{min-height:100vh}.local-mode{min-height:100vh;box-shadow:inset 0 0 0 5px var(--local-accent)}.local-mode-badge{z-index:3000;color:#17130e;letter-spacing:.12em;pointer-events:none;background:linear-gradient(#e2a53a 0%,#d1871d 100%);border-radius:0 0 9px 9px;padding:7px 20px;font-size:11px;font-weight:800;position:fixed;top:0;left:50%;transform:translate(-50%);box-shadow:0 3px 10px #00000038}header{background:linear-gradient(135deg,#2b2b2b 0%,#343434 58%,#3c3a37 100%);border-bottom:1px solid #ffffff1a;padding:24px 40px;position:relative;overflow:hidden}header:before{content:"";pointer-events:none;background:radial-gradient(circle at 16% 10%,#ffffff0d,#0000 32%);position:absolute;inset:0}.header-content{z-index:1;justify-content:space-between;align-items:center;gap:30px;max-width:1500px;margin:0 auto;display:flex;position:relative}.brand-block{align-items:center;display:flex}.brand-logo{object-fit:contain;filter:drop-shadow(0 2px 3px #ffffff14);width:auto;max-width:420px;height:80px;display:block}.top-nav{gap:10px;display:flex}.top-nav button{color:#f5f5f5;background:#ffffff0f;border:1px solid #ffffff3d;border-radius:999px;min-width:105px;padding:10px 19px;font-size:14px;transition:background .15s,color .15s,border-color .15s}.top-nav button:hover{background:#ffffff1f}.top-nav button.active{color:#1b1b1b;background:#f7f6f3;border-color:#fff}.hero-banner{max-width:1440px;box-shadow:var(--shadow);background:#ddd;border:1px solid #b9b3aab3;border-radius:20px;margin:0 auto 28px;overflow:hidden}.hero-banner img{aspect-ratio:3;object-fit:cover;width:100%;display:block}.showcase-view{padding:32px 24px 54px}.workshop-view{grid-template-columns:420px 1fr;gap:24px;max-width:1500px;margin:0 auto;padding:28px 24px 42px;display:grid}.form-panel,.catalogue,.showcase-catalogue{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(#fff 0%,#fcfbf8 100%);border-radius:20px;padding:26px}.form-panel{align-self:start}.showcase-catalogue{max-width:1440px;margin:0 auto;padding:32px}.showcase-heading,.workshop-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.showcase-heading{border-bottom:1px solid var(--line);padding-bottom:20px}.showcase-heading h2,.workshop-heading h2,.form-panel h2{color:var(--text);letter-spacing:-.02em;margin:0 0 6px;font-size:32px}.showcase-heading p,.workshop-heading p{color:var(--text-soft);margin:0;line-height:1.5}.section-kicker{color:var(--silver-dark);letter-spacing:.18em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:700}.showcase-count{color:var(--text-faint);white-space:nowrap;font-size:14px}form{grid-template-columns:1fr 1fr;gap:14px;display:grid}label{color:var(--text-soft);letter-spacing:.04em;text-transform:uppercase;flex-direction:column;gap:6px;font-size:12px;font-weight:700;display:flex}input,select,textarea{border:1px solid var(--line-strong);width:100%;color:var(--text);background:#fff;border-radius:9px;padding:10px 11px}input:focus,select:focus,textarea:focus{border-color:var(--silver-dark);outline:none;box-shadow:0 0 0 3px #8d949d1f}input::placeholder,textarea::placeholder{color:#99928a}textarea{resize:vertical}select option{color:var(--text);background:#fff}.full-width{grid-column:1/-1}.new-image-count{color:var(--text-soft);font-size:12px}button{color:#fff;cursor:pointer;background:linear-gradient(#282725 0%,#181817 100%);border:0;border-radius:9px;padding:11px;font-size:14px;transition:background .15s,transform .15s}button:hover{background:linear-gradient(#373532 0%,#222120 100%);transform:translateY(-1px)}button:disabled{opacity:.55;cursor:default;transform:none}.form-actions{grid-column:1/-1;gap:10px;display:flex}.form-actions button{flex:1}.secondary-button{background:#76716b}.secondary-button:hover{background:#65615c}.showcase-filters{border:1px solid var(--line);background:linear-gradient(#faf9f6 0%,#f4f1eb 100%);border-radius:15px;grid-template-columns:minmax(260px,2fr) minmax(150px,1fr) minmax(150px,1fr) minmax(160px,1fr) auto;align-items:end;gap:12px;margin-bottom:28px;padding:17px;display:grid}.showcase-filters label{font-size:11px}.showcase-filters input,.showcase-filters select{height:42px}.filter-search,.filter-field{min-width:0}.clear-filters-button{white-space:nowrap;background:#716d68;height:42px;padding:0 17px}.cards,.showcase-cards{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;display:grid}.card,.showcase-card{border:1px solid var(--line);cursor:pointer;background:#fff;transition:transform .16s,box-shadow .16s,border-color .16s;overflow:hidden}.card{border-radius:16px}.showcase-card{border-radius:20px}.card:hover,.showcase-card:hover{box-shadow:var(--shadow-soft);border-color:#cbc1b4;transform:translateY(-3px)}.card-image{object-fit:contain;background:#f3f1ed;width:100%;height:220px;display:block}.showcase-card-image{object-fit:contain;background:#f3f1ed;height:320px;padding:10px}.photo-placeholder{height:220px;color:var(--text-faint);background:linear-gradient(135deg,#eeeae4 0%,#ded8cf 100%);justify-content:center;align-items:center;display:flex}.showcase-photo-placeholder{height:320px}.card-content{padding:17px}.showcase-card-content{padding:18px 20px 22px}.card-top,.showcase-card-topline{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.showcase-card-topline{margin-bottom:13px}.card h3,.showcase-card h3{color:var(--text);margin:0}.card h3{font-size:19px}.showcase-card h3{font-size:23px}.item-code{color:var(--text-faint);letter-spacing:.07em;text-transform:uppercase;margin-top:7px;font-size:11px}.card p{margin:10px 0 0}.muted{color:var(--text-faint);font-size:13px}.showcase-materials{color:var(--text-soft);margin:12px 0 0}.showcase-description{color:var(--text-soft);margin:12px 0 0;font-size:13px;line-height:1.5}.price,.showcase-price{color:var(--text);font-weight:700}.price{margin-top:14px;font-size:21px}.showcase-price{margin-top:17px;font-size:23px}.workshop-card-meta{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.category-badge,.status-badge,.publication-badge{white-space:nowrap;letter-spacing:.04em;text-transform:uppercase;align-items:center;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.category-badge{color:#5b5752;background:#eceae7;border-radius:999px;padding:5px 9px}.category-pendant{color:#5b4d70;background:#ebe7f2}.category-earrings{color:#765366;background:#f1e7ec}.category-ring{color:#405b70;background:#e3ebf1}.category-bracelet{color:#5a6348;background:#ebeee4}.category-charm{color:#725d36;background:#f3eadc}.status-badge{color:#585550;background:#e7e6e3;border-radius:999px;padding:6px 9px}.status-available{color:#346044;background:#dfeee2}.status-sold{color:#555b61;background:#e6e7e8}.status-personal{color:#405e78;background:#e4ebf3}.status-prototype{color:#765b31;background:#f3ead8}.status-in-progress{color:#786527;background:#f5eed5}.publication-badge{border-radius:999px;padding:5px 9px}.publication-published{color:#346044;background:#dfeee2}.publication-hidden{color:#7a3737;background:#f0dede}.priority-badge,.share-preview-badge{white-space:nowrap;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;padding:5px 9px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.priority-badge{color:#6d571f;background:#eee4c8}.share-preview-badge{color:#40566c;background:#e3e9ef}.card-actions{gap:8px;margin-top:15px;display:flex}.card-actions button{flex:1;padding:8px;font-size:12px}.edit-button{background:#494642}.delete-button,.delete-image-button{background:#873838}.delete-button:hover,.delete-image-button:hover{background:#702d2d}.maintenance-panel{border:1px solid var(--line);background:linear-gradient(#faf9f6 0%,#f4f1eb 100%);border-radius:15px;margin-bottom:22px;padding:16px}.maintenance-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.maintenance-heading h3{color:var(--text);margin:0 0 4px;font-size:16px}.maintenance-heading p{color:var(--text-soft);margin:0;font-size:12px}.maintenance-scan-button{padding:8px 16px;font-size:12px}.maintenance-stats{grid-template-columns:repeat(5,minmax(90px,1fr));gap:8px;margin-top:14px;display:grid}.maintenance-stats>div{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px}.maintenance-stats span{color:var(--text-faint);letter-spacing:.05em;text-transform:uppercase;margin-bottom:4px;font-size:9px;display:block}.maintenance-stats strong{color:var(--text);font-size:19px}.maintenance-problem{background:#fff6f6!important;border-color:#d8b8b8!important}.maintenance-clean-button{background:#873838;margin-top:12px;font-size:12px}.maintenance-ok{color:#346044;background:#dfeee2;border-radius:8px;margin-top:12px;padding:9px 10px;font-size:12px;font-weight:700}.maintenance-message{color:var(--text-soft);margin-top:10px;font-size:12px}.existing-images{border-top:1px solid var(--line);grid-column:1/-1;margin-top:8px;padding-top:12px}.existing-images-title{color:var(--text);letter-spacing:.05em;text-transform:uppercase;margin-bottom:9px;font-size:12px;font-weight:700}.existing-image-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;display:grid}.existing-image-card{border:1px solid var(--line);background:#f8f6f2;border-radius:12px;position:relative;overflow:hidden}.existing-image-wrap{aspect-ratio:4/3;background:#efebe5;position:relative}.existing-image-wrap img{object-fit:cover;width:100%;height:100%;display:block}.image-placeholder{width:100%;height:100%;color:var(--text-faint);justify-content:center;align-items:center;display:none}.primary-badge{color:#fff;text-transform:uppercase;background:#181716d1;border-radius:999px;padding:4px 7px;font-size:10px;position:absolute;top:7px;left:7px}.image-actions{gap:5px;padding:7px;display:flex}.image-actions button{flex:1;padding:6px;font-size:10px}.modal-backdrop{z-index:1000;background:#0d0d0dc2;justify-content:center;align-items:center;padding:30px;display:flex;position:fixed;inset:0}.detail-modal{border:1px solid var(--line);width:min(1100px,94vw);max-height:90vh;color:var(--text);background:linear-gradient(#fff 0%,#faf8f4 100%);border-radius:22px;padding:28px;position:relative;overflow-y:auto;box-shadow:0 24px 60px #0000003d}.detail-title-row{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:20px;padding-right:48px;display:flex}.detail-modal h2{color:var(--text);margin:0 0 4px;font-size:30px}.detail-badges{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.close-button{color:#fff;background:#20201f;border-radius:50%;width:40px;height:40px;padding:0;font-size:25px;line-height:40px;position:absolute;top:14px;right:14px}.detail-code{color:var(--text-faint);letter-spacing:.07em;text-transform:uppercase;font-size:11px}.detail-images{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:24px;display:grid}.detail-image-wrap{aspect-ratio:4/3;border:1px solid var(--line);background:#efebe5;border-radius:14px;position:relative;overflow:hidden}.detail-image-wrap img{object-fit:contain;width:100%;height:100%;display:block}.detail-image-placeholder{width:100%;height:100%;color:var(--text-faint);justify-content:center;align-items:center;display:none}.detail-description{color:var(--text-soft);background:#f4f1eb;border-radius:11px;margin-bottom:20px;padding:14px 16px;line-height:1.55}.detail-info{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px 24px;display:grid}.detail-info p{margin:4px 0}.detail-price{color:var(--text);font-size:28px;font-weight:700}.no-results{text-align:center;color:var(--text-soft);padding:60px 20px}.no-results h3{color:var(--text);margin:0 0 8px;font-size:22px}.no-results p{margin:0 0 18px}.site-footer{background:linear-gradient(#f1eee8 0%,#e8e4dd 100%);border-top:1px solid #d8d2ca;margin-top:10px;padding:32px 24px 38px}.footer-inner{justify-content:center;align-items:center;gap:18px;max-width:1200px;margin:0 auto;display:flex}.footer-stamp{object-fit:contain;opacity:.82;width:62px;height:62px}.footer-copy{flex-direction:column;gap:4px;display:flex}.footer-copy strong{color:#302e2b;letter-spacing:.13em;text-transform:uppercase;font-size:13px}.footer-copy span{color:#7c766f;letter-spacing:.05em;font-size:11px}@media (width<=1200px){.workshop-view{grid-template-columns:390px 1fr}}@media (width<=1100px){.showcase-filters{grid-template-columns:2fr 1fr 1fr}.filter-search{grid-column:span 3}.clear-filters-button{width:100%}.maintenance-stats{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.header-content{flex-direction:column;align-items:flex-start}.brand-logo{max-width:360px;height:72px}.workshop-view{grid-template-columns:1fr}.showcase-heading,.workshop-heading{flex-direction:column;align-items:flex-start}.detail-title-row{flex-direction:column}.detail-badges{justify-content:flex-start}}@media (width<=650px){form,.showcase-filters{grid-template-columns:1fr}.filter-search{grid-column:auto}.maintenance-stats{grid-template-columns:1fr 1fr}}@media (width<=600px){header{padding:24px 20px}.brand-logo{max-width:300px;height:60px}.top-nav{width:100%}.top-nav button{flex:1}.showcase-view,.workshop-view{padding:14px}.showcase-catalogue,.form-panel,.catalogue{border-radius:16px;padding:18px}.hero-banner{border-radius:14px;margin-bottom:16px}.showcase-cards{grid-template-columns:1fr}.showcase-card-topline{flex-wrap:wrap}.footer-inner{text-align:center;flex-direction:column}}