.style-page{color:#3c2b20;max-width:1200px;min-height:65vh;margin:0 auto;padding:104px 24px 72px}.style-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.style-page h1{text-wrap:balance;margin:0 0 12px;font-size:2rem;line-height:1.25}.style-page h2{margin:0 0 12px;font-size:1.2rem}.style-page p{max-width:72ch;line-height:1.65}.style-muted{color:#685345;font-size:.95rem}.style-panel{background:#fffdf9;border:1px solid #d5c7b4;border-radius:12px;margin-bottom:20px;padding:22px}.style-filters{flex-direction:column;gap:16px;margin:24px 0;display:flex}.style-filters fieldset{border:0;flex-wrap:wrap;gap:8px;margin:0;padding:0;display:flex}.style-filters legend{margin-bottom:9px;font-weight:600}.style-button{font:inherit;cursor:pointer;color:#493322;background:#fffdf8;border:1px solid #a58a66;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:9px 16px;text-decoration:none;transition:background .18s,color .18s;display:inline-flex}.style-button:hover{background:#ede3d4}.style-button:focus-visible,.style-page input:focus-visible,.style-page select:focus-visible,.style-page textarea:focus-visible{outline-offset:3px;outline:3px solid #86623c}.style-button.primary,.style-button[aria-pressed=true]{color:#fffdf8;background:#654627;border-color:#654627}.style-button:disabled{opacity:.55;cursor:not-allowed}.style-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.style-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:22px;display:grid}.style-card{background:#fffdf9;border:1px solid #d5c7b4;border-radius:12px;overflow:hidden}.style-card a{color:inherit;text-decoration:none;display:block}.style-card a:focus-visible{outline-offset:-3px;outline:3px solid #86623c}.style-card img{aspect-ratio:3/4;object-fit:contain;background:#fff;width:100%;display:block}.style-card .style-card-body{padding:15px}.style-card h2{margin-bottom:8px}.style-card p{margin:6px 0;font-size:.9rem}.style-empty,.style-error{background:#fffaf1;border:1px solid #b59a7c;border-radius:10px;margin:20px 0;padding:28px}.style-error{color:#8c2920;background:#fff6f2;border-color:#c38d7b}.style-skeleton{background:#e8dfd1;border-radius:12px;height:340px}.style-detail{grid-template-columns:minmax(260px,1fr) minmax(280px,1fr);gap:32px;display:grid}.style-detail>img{object-fit:contain;background:#fff;border-radius:10px;width:100%;max-height:650px}.style-page input:not([type=checkbox]):not([type=file]),.style-page select,.style-page textarea{font:inherit;color:#3c2b20;box-sizing:border-box;background:#fff;border:1px solid #aa9477;border-radius:6px;width:100%;padding:10px 12px;display:block}.style-page input::placeholder,.style-page textarea::placeholder{color:#6c5746}.style-page label{margin:12px 0 6px;font-weight:550;display:block}.style-page textarea{resize:vertical;min-height:110px}.style-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.style-table{border-collapse:collapse;width:100%}.style-table th,.style-table td{text-align:left;vertical-align:top;border-bottom:1px solid #d5c7b4;padding:12px 10px}.style-table th{font-weight:650}.style-scroll{overflow-x:auto}.style-table img{object-fit:contain;width:55px;height:65px}.style-workspace{grid-template-columns:minmax(290px,400px) minmax(0,1fr);gap:24px;display:grid}.style-inputs{flex-direction:column;gap:12px;display:flex}.style-input{border:1px solid #d5c7b4;border-radius:8px;align-items:center;gap:12px;padding:10px;display:flex}.style-input img{object-fit:contain;background:#fff;width:75px;height:85px}.style-input .style-actions{flex:1;gap:6px}.style-input button{padding:6px 10px}.style-output img{object-fit:contain;max-width:100%;max-height:720px;margin:auto;display:block}.style-status{background:#e9e0d1;border-radius:8px;padding:18px;line-height:1.6}.style-reference-list{flex-wrap:wrap;gap:12px;display:flex}.style-reference-list figure{width:145px;margin:0}.style-reference-list img{object-fit:contain;background:#fff;width:100%;height:150px}.style-reference-list figcaption{margin:8px 0}.style-reference-list button{padding:6px 8px;font-size:.85rem}@media (width<=720px){.style-page{padding:90px 16px 48px}.style-page h1{font-size:1.6rem}.style-detail,.style-workspace,.style-form-grid{grid-template-columns:1fr}.style-panel{padding:16px}.style-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.style-card h2{font-size:1rem}.style-card .style-card-body{padding:12px}.style-header{gap:12px}}@media (prefers-reduced-motion:reduce){.style-button{transition:none}}.style-page.style-admin{padding-top:24px}.style-workspace>*{min-width:0}.style-table td{overflow-wrap:anywhere}.style-reference-list input[type=file]{max-width:145px}
